James
BottomNavyBar
Bottom navigation is gorgeous and animated, ready for you. This beautiful navigation bar uses your present theme, but you entirely have the right to personalize it.
Fix
Support setState to change BottomNavyBar’s _selectindex, you totally just copy bottom_navy_bar.dart into your own project.
PageView
Getting Started
Add the plugin:
dependencies:
...
bottom_navy_bar: ^3.0.0
Basic Usage
Adding the widget
bottomNavigationBar: BottomNavyBar(
selectedIndex: _selectedIndex,
showElevation: true, // use this to remove appBar's elevation
onItemSelected: (index) => setState(() {
_selectedIndex = index;
_pageController.animateToPage(index,
duration: Duration(milliseconds: 300), curve: Curves.ease);
}),
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 and less than six
currentIndex – the current item index. Use this to change the selected item. Default to zero
onItemSelected – required to listen when a item is tapped it provide the selected item’s index
backgroundColor – the navigation bar’s background color
showElevation – if false the appBar’s elevation will be removed
BottomNavyBarItem
activeColor – the active item’s background and text color
inactiveColor – the inactive item’s icon color
GitHub
https://github.com/pedromassango/bottom_navy_bar
