bmnav

Description:

bmnav

bmnav #
A very flexible Flutter implementation of the Bottom Navigation Bar.





Get Started #
Add bmanv to your pubspec.yaml file:
dependencies:
bmnav: ^0.3.4
copied to clipboard
Import bmnav in your main.dart file:
import 'package:bmnav/bmnav.dart' as bmnav;
copied to clipboard
Implement bmnav.BottomNav in the bottomNavigationBar parameter in the Scaffold widget:
@override
Widget build(BuildContext ctx) {
return Scaffold(
appBar: AppBar(title: Text('Bottom Nav Demo')),
body: Container(child: Text('Hello World')),
bottomNavigationBar: bmnav.BottomNav(
items: [
bmnav.BottomNavItem(Icons.home),
bmnav.BottomNavItem(Icons.fitness_center),
bmnav.BottomNavItem(Icons.person),
bmnav.BottomNavItem(Icons.view_headline)
],
),
);
}
copied to clipboard
You can find a fully fledged example with navigation and custom styles here.
Props #



Name
Explanation
Default




index
starting index
0


onTap
callback when a bottom nav item is pressed
null


items
bottom nav items
null


elevation
elevation of bottom nav
8.0


color
background color
Colors.white


iconStyle
icon styles (size, onSelectSize, color, onSelectColor)
null


labelStyle
label styles (visible, showOnSelect, textStyle, onSelectTextStyle)
null



Contributions #
Feel free to contribute to this project.
Support #
If you found this project to be useful then please consider donating to help me continue maintaining this project and create new projects. :)