right7ctrl/flutter_floating_bottom_navigation_bar

技術主題

# flutter # dart # navigation-bar # bottom-app-bar # flutter-package

使用的依賴

依賴清單 2 項

flutter{"sdk":"flutter"}
flutter_test開發依賴{"sdk":"flutter"}

原始 README

以下為英文專案原文快照，最新內容請造訪 GitHub。

展開 / 收合專案 README

✨ Flutter Floating Bottom Navigation Bar

Fully customizable floating bottom navigation package for flutter.

🎮 How To Use

    Scaffold(
          appBar: AppBar(
            title: Text('Example'),
          ),
          //If you want to show body behind the navbar, it should be true
          extendBody: true,
          bottomNavigationBar: FloatingNavbar(
            onTap: (int val) {
              //returns tab id which is user tapped
            },
            currentIndex: 0,
            items: [
              FloatingNavbarItem(icon: Icons.home, title: 'Home'),
              FloatingNavbarItem(icon: Icons.explore, title: 'Explore'),
              FloatingNavbarItem(icon: Icons.chat_bubble_outline, title: 'Chats'),
              FloatingNavbarItem(icon: Icons.settings, title: 'Settings'),
            ],
          ),
          
        );

https://github.com/right7ctrl/flutter_floating_bottom_navigation_bar/blob/master/image.png?raw=true

❗️ Note

Pull requests are welcomed, especially the animations :)

⭐️ License

MIT License