ultimate_navigation_bar 0.0.9 ultimate_navigation_bar: ^0.0.9 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.0.9
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 |
List of Items | List |
alignmentItems |
Alignment vertical of icons/text | TextAlign |
borderRadiusBar |
Border Radius of Bar (work if isFloating = true) | BorderRadius |
NavBarItem #
Attributes | Description | Type |
---|---|---|
label |
Label (if empty not visible) | String |
icons |
Icons | IconData |
onTap |
Function to execute on tap | Functions |
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');
}
),
]
),