simple flutter bottom navigation bar widget

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