fancy_bar 1.2.0

Flutter Android iOS web

An fancy yet beautiful flutter widget to use witht he bottomNavigationBar, supports on selected and works with any widgets.

Pub

FancyBar #

A fancy yet beautiful animated widget for your Flutter apps

|---------|----------| |FancyBar Gif |

|---------|----------| |FancyBar Gif |

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

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);
        },
      ),

Catch me up on LinkedIn @Leo Elstin

πŸ’™ to CodeπŸ‘¨πŸ½β€πŸ’» Flutter Expert β€’ Dart Kotlin Swift Node Js β€’ Android β€’ Full Stack Mobile Developer

16
likes
100
pub points
86%
popularity

Publisher

letsflutter.in

An fancy yet beautiful flutter widget to use witht he bottomNavigationBar, supports on selected and works with any widgets.

Repository (GitHub)
View/report issues

Documentation

API reference

License

Apache 2.0 (LICENSE)

Dependencies

flutter

More

Packages that depend on fancy_bar