FLUTTER ECOSYSTEM

leesnhyun/flashy_tab_bar

One another nice animated tabbar (Flutter Version) (inspired by https://github.com/Cuberto/flashy-tabbar)

flashy_tab_bar project cover
Stars
38
Forks
15
Last push (UTC)
Oct 11, 2020
Project status
Active
SengHyun Lee GitHub avatar
GITHUB User

SengHyun Lee ↗

@tossSeoul
LanguagesDartKotlinSwiftRubyObjective-C

Packages published by this repository

Dependencies used

Dependency list 2 items
  • flutter{"sdk":"flutter"}
  • flutter_testDevelopment{"sdk":"flutter"}

Original README

English project snapshot. Visit GitHub for the latest content.

Expand / collapse project README

flashy_tab_bar

GitHub license

One another nice animated tabbar (Inspired by Cuberto)

Animation

Preview

Android iOS
https://raw.githubusercontent.com/leesnhyun/flashy_tab_bar/master/docs/emulator-android.gif https://raw.githubusercontent.com/leesnhyun/flashy_tab_bar/master/docs/emulator-ios.gif

Getting Started

Add the dependency at pubspec.yaml:

dependencies:
  ...
  flashy_tab_bar: ^0.0.1

Basic Usage

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