FLUTTER ECOSYSTEM

leesnhyun/flashy_tab_bar

もう一つの美しいアニメーションタブバー(Flutter版)(https://github.com/Cuberto/flashy-tabbar からインスパイア)

flashy_tab_bar のプロジェクト画像
Stars
38
Forks
15
最終プッシュ(UTC)
2020/10/11
プロジェクト状態
公開中
SengHyun Lee GitHub avatar
GITHUB User

SengHyun Lee ↗

@tossSeoul
言語DartKotlinSwiftRubyObjective-C

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 2 件
  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

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('한국어'),
        ),
      ],
),