ultimate_navigation_bar

pub package

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.1.9

Adapts to any use case

E-commerce

image

Social

image

Finance

image

Chat

image

UltimateNavBar

Untitled

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(required) List of Items List
showIndicator Shows the current tab indicator under the item label boolean
borderRadiusBar Border Radius of Bar (work if isFloating = true) BorderRadius
gradientColors List of colors that make the Nav Bar background gradient (min. 2 colors required) List<Colors>
gradientType Orientation of the gradient (GradientType.horizontal or GradientType.vertical) GradientType
Attributes Description Type
label Label (if empty not visible) String
icon Icon 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');
                }
            ),
          ]
        ),

Libraries

ultimate_navigation_bar