A beautiful and animated bottom navigation
Branch: master
Clone or download
Latest commit f2d8446 Feb 18, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
.idea initial commit Jan 31, 2019
android small changes Jan 31, 2019
lib small icon improvements Feb 18, 2019
test test error fixed Jan 31, 2019
.gitignore initial commit Jan 31, 2019
.metadata initial commit Jan 31, 2019
CHANGELOG.md v2.2.0 Feb 18, 2019
LICENSE Create LICENSE Jan 31, 2019
README.md readme updated Feb 18, 2019
bottom_navy_bar.iml initial commit Jan 31, 2019
navy.gif improvements Feb 18, 2019
pubspec.lock initial commit Jan 31, 2019
pubspec.yaml v2.2.0 Feb 18, 2019

README.md

BottomNavyBar

A beautiful and animated bottom navigation. The navigation bar use your current theme, but you are free to customize it.

Preview

FanBottomNavyBar Gif

Getting Started

Add the plugin:

dependencies:
  ...
  bottom_navy_bar: ^2.0.0

Basic Usage

Adding the widget

bottomNavigationBar: BottomNavyBar(
   onItemSelected: (index) => setState(() {
       _index = index;
       _controller.animateTo(_index);
   }),
   items: [
     BottomNavyBarItem(
       icon: Icon(Icons.apps),
       title: Text('Home'),
       activeColor: Colors.red,
     ),
     BottomNavyBarItem(
         icon: Icon(Icons.people),
         title: Text('Users'),
         activeColor: Colors.purpleAccent
     ),
     BottomNavyBarItem(
         icon: Icon(Icons.message),
         title: Text('Messages'),
         activeColor: Colors.pink
     ),
     BottomNavyBarItem(
         icon: Icon(Icons.settings),
         title: Text('Settings'),
         activeColor: Colors.blue
     ),
   ],
)

Customization (Optional)

BottomNavyBar

iconSize - the item icon's size
items - navigation items, required more than one item
onItemSelected - required to listen when a item is tapped it provide the selected item's index
backgroundColor - the navigation bar's background color

BottomNavyBarItem

activeColor - the active item's background and text color
inactiveColor - the inactive item's icon color