floating_bottom_nav

Description:

floating bottom nav

floating_bottom_nav #





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'
copied to clipboard
Install it #
You can install packages from the command line:
$ flutter pub get
copied to clipboard
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';

copied to clipboard
How to use #
Adding the widget

Note: it is recommended that you set the floatingActionButtonLocation to [FloatingActionButtonLocation.centerDocked]
Note: it is recommended that you use this widget as the Floadting Action Button

floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
floatingActionButton: FloatingBottomNavBar(
currentIndex: _selectedIndex,
onTap: (int index) {
setState(() {
_selectedIndex = index;
});
_pageController.animateToPage(
_selectedIndex,
duration: const Duration(milliseconds: 600),
curve: Curves.easeOutQuad,
);
},
items: const [
Icons.home,
Icons.explore,
Icons.favorite,
Icons.person,
],
),
copied to clipboard
Source #
Source code and example of this library can be found in git:
$ git clone https://github.com/gairick-saha/floating_bottom_nav.git
copied to clipboard