ultimate_navigation_bar 0.1.3

The ultimate navigation bar for flutter. Easy to use and highly customizable.

ultimate_navigation_bar

The ultimate navigation bar for flutter.

How to use

Ultimate Navigation Bar work with Scaffold by setup its bottomNavigationBar. To use this plugin, add ultimate_navigation_bar as a dependency in your pubspec.yaml file.

dependencies:
  ultimate_navigation_bar: ^0.0.9

UltimateNavBar

Attributes	Description	Type
backgroundColor	AppBar background	Color
itemsColor	Color of items	Color
barHeight	AppBar height	int
iconsSize	Size of icons	double
isFloating	Nav Bar Floating	bool
items	List of Items	List
alignmentItems	Alignment vertical of icons/text	TextAlign
borderRadiusBar	Border Radius of Bar (work if isFloating = true)	BorderRadius

NavBarItem

Attributes	Description	Type
label	Label (if empty not visible)	String
icons	Icons	IconData
onTap	Function to execute on tap	Functions

Documentation

Example

 bottomNavigationBar: UltimateNavBar(
          backgroundColor: Colors.grey.shade500,
          itemsColor: Colors.white,
          iconsSize: 30,
          items:[
            NavBarItem(
              label: 'Home',
              icon: Icons.search,
              onTap: () {
                print('tapped');
              }
            ),
            NavBarItem(
              label: 'Search',
                icon: Icons.search,
                onTap: () {
                  print('tapped');
                }
            ),
            NavBarItem(
              label: 'Profile',
                icon: Icons.search,
                onTap: () {
                  print('tapped');
                }
            ),
          ]
        ),