Flutter-awesome-bottom-navigation-bar

?‍? Flutter 导航栏的快速编码和出色的设计 UI ?

flash

入门 #

首先，您需要在 pubspec.yaml 的依赖项中添加 flashy_tab_bar 0.0.3

 dependencies:
  ...
  flashy_tab_bar: ^0.0.3

基本用法 #

将此添加到您的main.dart或您的页面中！


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

来自 : flashy_tab_bar in pub.dev 的笔记！！

?‍? 在阿尔及利亚制造?

GitHub

https://github.com/Hmida71/Flutter-awesome-bottom-navigation-bar