GitHub repo size GitHub code size in bytes GitHub top language GitHub issues GitHub license

floating_bottom_nav is a free and open source (MIT license) Material Flutter BottomNavigationBar that supports customization of background color, selectedIconColor, unselectedItemColor also light & dark theme support.

Get started

Add this to your package's pubspec.yaml file:

floating_bottom_nav: '^1.0.0'

Install it

You can install packages from the command line:

$ flutter pub get

Alternatively, your editor might support flutter pub get.

Import it

Now in your Dart code, you can use:

import 'package:floating_bottom_nav/floating_bottom_nav.dart';

How to use

Adding the widget

      floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
      floatingActionButton: FloatingBottomNavBar(
        currentIndex: _selectedIndex,
        onTap: (int index) {
          setState(() {
            _selectedIndex = index;
            duration: const Duration(milliseconds: 600),
            curve: Curves.easeOutQuad,
        items: const [


Source code and example of this library can be found in git:

$ git clone https://github.com/gairick-saha/floating_bottom_nav.git