Everything about the BottomNavigationbar in Flutter

Mahesh Jamdade
Flutter Community
Published in
9 min readMay 30, 2022

--

This blog post covers 5 advanced use cases of BottomNavigationBar which enhances the user experience.

When there are multiple important and highly accessed sections of the app we generally make use of the BottomNavigationBar. This is a very common widget and we all have seen and used it, day in and day out. This material design widget allows easy access to the important sections of our app with a single tap. Each section of the app may have subsections deeply nested and in such scenarios adding just a simple BottomNavigationBar is not enough. When you have Nested Widgets to show inside a NavBar you should take care of a few things to make the end user’s experience better.

Going forward we will interchangeably use the below terms to keep things simple.

  • Navbar for BottomNavigationBar
  • NavbarItem for BottomNavigationbarItem
  • And NavbarDestination for the content of the NavBarItem.

Take a look at this video demo to understand, what to expect out of this blog post

BottomNavigationBar demo

If you look closely at the video above, here are the five things that this blog…

--

--

Mahesh Jamdade
Flutter Community

I occasionally write about my experiences with different technologies. Personal blog: https://blog.maheshjamdade.com