The flutter bottom navigation bar development tutorial describes how to add the BottomNavigationBar to a flutter application for switching screens.
This flutter development tutorial follows on from drawer flutter tutorial.
Pre-requisites
Knowledge of the dart programming language is not required, but the experience of an object orientated programming language is recommended. Such as Java, C++, Kotlin, Swift to name a few.
Introduction
In this flutter development tutorial we will cover:
- Adding the BottomNavigationBar to the Scaffold widget
- Providing an index for updating the BotttomNavigationBar position
- Adding interactivity to the BottomNaviagionBar
- Updating BottomNavigationBar from drawer and popup menu
Episodes
Conclusion
This flutter development tutorial described how to add the BottomNavigationBar to the flutter application.
Conveniently the Scaffold widget provides a bottomNavigationBar property. Which is where we can provide the BottomNavigationBar widget to.
The BottomNavigationBar’s items property is provided with a list of BottomNavigationBarItems.
The BottomNavigationBar’s onTap property is used for making the BottomNavigationBar interactive.
The BottomNavigationBar’s currentIndex property is used to highlight the current active item.
In the following flutter development tutorial, we will describe how to use the TabBar for swiping between images.