bmnav 0.3.4

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:

  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:

Widget build(BuildContext ctx) {
	return Scaffold(
		appBar: AppBar(title: Text('Bottom Nav Demo')),
		body: Container(child: Text('Hello World')),
		bottomNavigationBar: bmnav.BottomNav(
			items: [

You can find a fully fledged example with navigation and custom styles here.

Props #

indexstarting index0
onTapcallback when a bottom nav item is pressednull
itemsbottom nav itemsnull
elevationelevation of bottom nav8.0
colorbackground colorColors.white
iconStyleicon styles (size, onSelectSize, color, onSelectColor)null
labelStylelabel 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

0.3.4 #

  • Added iconStyle paramater
  • Added labelStyle parameter
  • Removed showLabel parameter
  • Removed showSelectedLabel parameter.
  • Removed selectedColor parameter.
  • Removed iconSize parameter.
  • Removed selectedIconSize parameter.
  • Removed backgroundColor parameter.

0.3.1 #

  • Update README

0.3.0 #

  • Added elevation parameter.
  • Added color parameter.
  • Added selectedColor parameter.
  • Added iconSize parameter.
  • Added selectedIconSize parameter.
  • Added showLabel parameter.
  • Added showSelectedLabel parameter.
  • Added backgroundColor parameter.
  • Removed padding parameter.
  • Removed iconStyle parameter.
  • Removed selectedIconStyle parameter.

0.2.0 #

  • Added iconStyle and selectedIconStyle options.
  • Added padding option.
  • Added example/ directory.

0.1.0 #

  • Initial Release!


Bottom Nav Demo #

A flutter application demo for bmnav

Use this package as a library

1. Depend on it

Add this to your package's pubspec.yaml file:

  bmnav: ^0.3.4

2. Install it

You can install packages from the command line:

with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter pub get. Check the docs for your editor to learn more.

3. Import it

Now in your Dart code, you can use:

import 'package:bmnav/bmnav.dart';
Describes how popular the package is relative to other packages. [more]
Code health derived from static analysis. [more]
Reflects how tidy and up-to-date the package is. [more]
Weighted score of the above. [more]
Learn more about scoring.

We analyzed this package on Feb 18, 2020, and provided a score, details, and suggestions below. Analysis was completed with status completed using:

  • Dart: 2.7.1
  • pana: 0.13.5
  • Flutter: 1.12.13+hotfix.7

Health suggestions

Format lib/bmnav.dart.

Run flutter format to format lib/bmnav.dart.

Maintenance suggestions

Package is getting outdated. (-23.01 points)

The package was last published 64 weeks ago.


Package Constraint Resolved Available
Direct dependencies
Dart SDK >=2.0.0-dev.68.0 <3.0.0
flutter 0.0.0
Transitive dependencies
collection 1.14.11 1.14.12
meta 1.1.8
sky_engine 0.0.99
typed_data 1.1.6
vector_math 2.0.8
Dev dependencies