fancy_bar 1.0.2-dev.1

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