Skip to content

mishrhm/flutter_floating_bottom_navigation_bar

 
 

Repository files navigation

✨ Flutter Floating Bottom Navigation Bar

Fully customizable floating bottom navigation package for flutter.

🎖 Installing

dependencies:
  floating_bottom_navigation_bar: ^1.2.0

⚡️ Import

import 'package:floating_bottom_navigation_bar/floating_bottom_navigation_bar.dart';

🎮 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'),
            ],
          ),
          
        );

❗️ Note

  • Pull requests are welcomed, especially the animations :)

⭐️ License

MIT License

About

Floating bottom navigation package for flutter

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Dart 88.1%
  • Kotlin 4.7%
  • Swift 4.7%
  • HTML 2.1%
  • Objective-C 0.4%