fancy_bar 2.0.0

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

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