in

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

What do you think?

Written by flutteru

Comments

Leave a Reply

Loading…

0

Flutter Credit Card Number Validator

Create a Game in Flutter/Dart