simple flutter bottom navigation bar widget
Clone or download
Latest commit 17a3757 Nov 25, 2018
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
example add iconStyle and labelStyle Nov 25, 2018
lib add tests Nov 25, 2018
screenshots add more screenshots to readme Nov 6, 2018
test add tests Nov 25, 2018
.gitignore add example/ and fix null icon err Nov 5, 2018
CHANGELOG.md add iconStyle and labelStyle Nov 25, 2018
LICENSE initial commit! Nov 4, 2018
README.md update readme Nov 25, 2018
bmnav.iml initial commit! Nov 4, 2018
pubspec.lock initial commit! Nov 4, 2018
pubspec.yaml add iconstyle widget Nov 24, 2018

README.md

bmnav

A very flexible Flutter implementation of the Bottom Navigation Bar.

Pub PayPal

BottomNavigationBar with label

BottomNavigationBar with label when selected

BottomNavigationBar without label

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

Paypal Donate Button