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