Description
Requirements
-
VS Code Program
-
Android Studio Program
Description
Create Bottom Navigation Bar In Flutter
Animated bottom navigation Using Flutter
make Bottom Navigation Bar and Put the icons and after click the icons change to second Page Using Flutter
An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customisable..
Add the plugin (pub coming soon):
dependencies:
…
fancy_bottom_navigation: ^0.3.2
Adding the widget
bottomNavigationBar: FancyBottomNavigation(
tabs: [
TabData(iconData: Icons.home, title: “Home”),
TabData(iconData: Icons.search, title: “Search”),
TabData(iconData: Icons.shopping_cart, title: “Basket”)
],
onTabChangedListener: (position) {
setState(() {
currentPage = position;
});
},
)
TabData
iconData -> Icon to be used for the tab
title -> String to be used for the tab
onClick -> Optional function to be used when the circle itself is clicked, on an active tab
Attributes
required
tabs -> List of TabData objects
onTabChangedListener -> Function to handle a tap on a tab, receives int position
optional
initialSelection -> Defaults to 0
circleColor -> Defaults to null, derives from Theme
activeIconColor -> Defaults to null, derives from Theme
inactiveIconColor -> Defaults to null, derives from Theme
taxtColor -> Defaults to null, derives from Theme
barBackgroundColor -> Defaults to null, derives from Theme
key -> Defaults to null
Animated bottom navigation Using Flutter
make Bottom Navigation Bar and Put the icons and after click the icons change to second Page Using Flutter
An animated Bottom Navigation Bar for Flutter apps, icon animates into place, colors are customisable..
Add the plugin (pub coming soon):
dependencies:
…
fancy_bottom_navigation: ^0.3.2
Adding the widget
bottomNavigationBar: FancyBottomNavigation(
tabs: [
TabData(iconData: Icons.home, title: “Home”),
TabData(iconData: Icons.search, title: “Search”),
TabData(iconData: Icons.shopping_cart, title: “Basket”)
],
onTabChangedListener: (position) {
setState(() {
currentPage = position;
});
},
)
TabData
iconData -> Icon to be used for the tab
title -> String to be used for the tab
onClick -> Optional function to be used when the circle itself is clicked, on an active tab
Attributes
required
tabs -> List of TabData objects
onTabChangedListener -> Function to handle a tap on a tab, receives int position
optional
initialSelection -> Defaults to 0
circleColor -> Defaults to null, derives from Theme
activeIconColor -> Defaults to null, derives from Theme
inactiveIconColor -> Defaults to null, derives from Theme
taxtColor -> Defaults to null, derives from Theme
barBackgroundColor -> Defaults to null, derives from Theme
key -> Defaults to null
Who this course is for:
- Geeks
- Students
- Collages
- any Person Using Flutter in Project
Who this course is for:
- Students
- Companies
- Geeks
Reviews
There are no reviews yet.