fancy_bar 1.0.1 fancy_bar: ^1.0.1 copied to clipboard
An fancy yet beautiful flutter widget to use witht he bottomNavigationBar, supports on selected and works with any widgets.
FancyBar #
A fancy yet beautiful animated widget for your Flutter apps
| Preview | |---------|----------| | |
Customization (Optional) #
FancyBar #
items
- navigation items, required more than one item and less than six
selectedIndex
- the current item index. Use this to change the selected item. Default to zero
onItemSelected
- required to listen when a item is tapped it provide the selected item's index
FancyItem #
icon
- the widget of this item. Your can pass any widget as param.
title
- the text that will appear next to the icon when this item is selected.
textColor
- the active item's text color
Getting Started #
Add the plugin:
dependencies:
fancy_bar: ^1.0.0
Basic Usage #
Adding the widget
bottomNavigationBar: FancyBottomBar(
items: [
FancyItem(
textColor: Colors.orange,
title: 'Home',
icon: Icon(Icons.home),
),
FancyItem(
textColor: Colors.red,
title: 'Trending',
icon: Icon(Icons.trending_up),
),
FancyItem(
textColor: Colors.green,
title: 'Search',
icon: Icon(Icons.search),
),
FancyItem(
textColor: Colors.brown,
title: 'Settings',
icon: Icon(Icons.settings),
),
],
onItemSelected: (index) {
print(index);
},
),