fancy_bar 2.0.0 icon indicating copy to clipboard operation
fancy_bar: ^2.0.0 copied to clipboard

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

Pub

FancyBar #

A fancy yet beautiful animated widget for your Flutter apps

| Preview Version 1 | |---------|----------| |FancyBar Gif |

| Preview Version 2 | |---------|----------| |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

45
likes
130
pub points
80%
popularity

Publisher

verified publisher iconleyo.dev

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

Repository (GitHub)

Documentation

API reference

License

Icon for licenses.Apache-2.0 (LICENSE)

Dependencies

flutter

More

Packages that depend on fancy_bar