ultimate_navigation_bar 0.1.7 ultimate_navigation_bar: ^0.1.7 copied to clipboard
The ultimate navigation bar for flutter. Easy to use and highly customizable.
ultimate_navigation_bar #
The ultimate navigation bar for flutter.
How to use #
Ultimate Navigation Bar work with Scaffold
by setup its bottomNavigationBar
.
To use this plugin, add ultimate_navigation_bar
as a dependency in your pubspec.yaml file.
dependencies:
ultimate_navigation_bar: ^0.1.7
Adapts to any use case #
E-commerce
Social
Finance
Chat
UltimateNavBar #
Attributes | Description | Type |
---|---|---|
backgroundColor |
AppBar background | Color |
itemsColor |
Color of items | Color |
barHeight |
AppBar height | int |
iconsSize |
Size of icons | double |
isFloating |
Nav Bar Floating | bool |
items (required) |
List of Items | List |
showIndicator |
Shows the current tab indicator under the item label | boolean |
borderRadiusBar |
Border Radius of Bar (work if isFloating = true) | BorderRadius |
gradientColors |
List of colors that make the Nav Bar background gradient (min. 2 colors required) | List<Colors> |
gradientType |
Orientation of the gradient (GradientType.horizontal or GradientType.vertical) | GradientType |
NavBarItem #
Attributes | Description | Type |
---|---|---|
label |
Label (if empty not visible) | String |
icon |
Icon | IconData |
onTap |
Function to execute on tap | Functions |
Documentation #
Example #
bottomNavigationBar: UltimateNavBar(
backgroundColor: Colors.grey.shade500,
itemsColor: Colors.white,
iconsSize: 30,
items:[
NavBarItem(
label: 'Home',
icon: Icons.search,
onTap: () {
print('tapped');
}
),
NavBarItem(
label: 'Search',
icon: Icons.search,
onTap: () {
print('tapped');
}
),
NavBarItem(
label: 'Profile',
icon: Icons.search,
onTap: () {
print('tapped');
}
),
]
),