Animated Bottom Navy Bar In Flutter

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

What you’ll learn

• Animated Bottom Navy Bar
• Make icons in Bottom Navigation Bar
• Create Bottom Navigation Bar

Requirements

• Basics Of Flutter
• VS Code Program
• Android Studio Program

Description

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

     ),

   ],

)Who this course is for:

• Geeks
• Students
• Any Person Using Flutter In project