bmnav 0.2.0

A Flutter implementation of the Bottom Navigation Bar with no labels.

bmnav

A Flutter implementation of the Bottom Navigation Bar with no labels.

Get Started

Add bmanv to your pubspec.yaml file:

dependencies:
  bmnav: ^0.1.0

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(
			index: 0,
			onTap: (i) {},
			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.

Support

If you found this project to be useful then please consider donating to help me continue maintaining this project and create new projects. :)

Props

Name	Explanation	Default
index	starting index	0
onTap	callback when a bottom nav item is pressed	null
items	bottom nav items	null
padding	main padding	EdgeInsets.fromLTRB(0.0, 16.0, 0.0, 16.0)
iconStyle	bottom nav item icon default styling	IconStyle(color: Colors.grey[700]), size: 24.0)
selectedIconStyle	bottom nav item icon onSelected styling	IconStyle(color: Colors.blue, size: 24.0)

Contributions

Feel free to contribute to this project.