fancy_bar

Description:

fancy bar

FancyBar #
A fancy yet beautiful animated widget for your Flutter apps
| Preview Version 1 |
|---------|----------|
| |
| Preview Version 2 |
|---------|----------|
| |
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
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
copied to clipboard
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);
},
),
copied to clipboard
Catch me up on LinkedIn @Leo Elstin
💙 to Code👨🏽‍💻 Flutter Expert • Dart Kotlin Swift Node Js • Android • Full Stack Mobile Developer