0 purchases
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. :)
For personal and professional use. You cannot resell or redistribute these repositories in their original state.
There are no reviews.