https://github.com/right7ctrl/flutter_floating_bottom_navigation_bar

Floating bottom navigation package for flutter
https://github.com/right7ctrl/flutter_floating_bottom_navigation_bar

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

Last synced: 4 months ago
JSON representation

Floating bottom navigation package for flutter

• Host: GitHub
• URL: https://github.com/right7ctrl/flutter_floating_bottom_navigation_bar
• Owner: right7ctrl
• License: bsd-3-clause
• Created: 2020-01-02T10:16:14.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2024-04-05T04:37:44.000Z (almost 2 years ago)
• Last Synced: 2025-10-23T02:59:43.640Z (4 months ago)
• Topics: bottom-app-bar, dart, flutter, flutter-package, navigation-bar
• Language: Dart
• Homepage: https://pub.dev/packages/floating_bottom_navigation_bar
• Size: 368 KB
• Stars: 111
• Watchers: 4
• Forks: 37
• Open Issues: 11
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# ✨ Flutter Floating Bottom Navigation Bar

Fully customizable floating bottom navigation package for flutter.

## 🎮 How To Use

```dart

    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'),

            ],

          ),

          

        );

```



### ❗️ Note

- Pull requests are welcomed, especially the animations :)

## ⭐️ License

MIT License