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