flashy_tab_bar_with_badge

GitHub license

THIS IS A FORK OF flashy_tab_bar2 by horovitz.dev

Animation

Preview

Android iOS

Getting Started

Add the dependency at pubspec.yaml:

dependencies:
  ...
  flashy_tab_bar_with_badge: ^0.0.3

Basic Usage

bottomNavigationBar: FlashyTabBar(
     selectedIndex: _selectedIndex,
     showElevation: true,
     onItemSelected: (index) => setState(() {
       _selectedIndex = index;
     }),
     items: [
        FlashyTabBarItem(
          icon: Icon(Icons.event),
          title: Text('Events'),
          badge: 2,
        ),
        FlashyTabBarItem(
          icon: Icon(Icons.search),
          title: Text('Search'),
        ),
        FlashyTabBarItem(
          icon: Icon(Icons.highlight),
          title: Text('Highlights'),
          badge: 5,
        ),
        FlashyTabBarItem(
          icon: Icon(Icons.settings),
          title: Text('Settings'),
        ),
      ],
),