bmnav 0.3.4

A highly flexible Flutter implementation of the Bottom Navigation Bar.

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

Import bmnav in your main.dart file:

import 'package:bmnav/bmnav.dart' as bmnav;

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

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. :)