A fancy yet beautiful animated widget for your Flutter apps
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
type
– You can pass the required Fancy Bar type. Available FancyV1, FancyV2
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.2.0
Basic Usage
Adding the widget
bottomNavigationBar: FancyBottomBar( type: FancyType.FancyV2, // Fancy Bar Type 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); }, ),
Demo


Source:leoelstin/fancy_bar
Tags:navigation