Animated Bottom Navy Bar In Flutter

Animated Bottom Navy Bar In Flutter

make animated Bottom Navigation Bar and Add The many Buttons in Flutter

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

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

     ),

   ],

)