Flutter Navigation Bar: A Better Way | Lifting State | 2024

Bottom Navigation is one of the most common UX patterns in smartphone design. And the Flutter NavigationBar widget makes it easy to get a simple Nav bar up and running. Well sort of…

If your app requires each of your nav screens to have their own app bar titles and action buttons, you’ll need to set up a Scaffold for each screen and this can be a bit tricky to do properly.

In this video, we’ll cover a simple single scaffold implementation and a very powerful and flexible approach that uses lifting state. By the end of this video you’ll not only have a better understanding of the Navigation Bar Widget, you’ll also have a solution that you can easily to apply to any future project requiring a navigation bar.

We’ll also walk through how to customize the nav bar and implement several configuration options.

CHAPTERS
00:00 - Intro
00:58 - Basic implementation
08:21 - Lifting State Implementation
21:02 - Nav Bar Customization

Links:
NavigationBar Class documentation: https://api.flutter.dev/flutter/mater...