Nav Bar | FlutterFlow University

In this informative tutorial, we walk you through the process of setting up a nav bar in FlutterFlow. The video discusses how to navigate the settings, add new pages, manage nav bar visibility, and customize the look and style of your nav bar using three different nav bar types. Additionally, we delve into advanced options like controlling which pages appear on the nav bar, understanding sub pages, and setting up responsive visibility to control the nav bar's appearance on different devices. If you're keen on developing a well-structured design system in FlutterFlow, this tutorial is a must-watch.

--------------

FlutterFlow is a low-code builder for native apps, bringing design and development into one tool. With drag-and-drop functionality, you can build pixel-perfect UIs and easily connect your app to live data via Firebase or APIs. Plus, you can add advanced features like push notifications, payments, animations, and more. Whether you build your own custom widgets or write custom code, FlutterFlow makes it easy to bring your app ideas to life.

[trenthm]

Loving all these FlutterFlow vids! Feels like this library of videos is what was missing from FlutterFlow before

[LeonardoZeferino]

Perfect! It would be great if we could set a page to navbar but in this page we could hide the navbar.

[CTPEKOABPO]

Thank you for this video!
Could you explain how to make a drawer that would open from different pages on Nav Bar (bottom)? I mean the icon (hamburger) on the AppBar, clicking on which opens the drawer. Should I create separate identical drawers on each page?

[DavidHust]

Thanks. Any idea when we are going to get that sweet, sweet, NavigationRail?

[RR-etzp]

is it possible to have a navbar on every page? or do I do this with a component?

[chandu]

hello sir,
i want to customize the background shape of navbar using flutterflow
is that possible?
example :- punjab national bank mobile app

[talelust]

Hello I am having issues saving my project
if I do a design it isn't saving even if I use Cmd+s It will just show saved project them also say error saving project
help pls

[buildingsomething]

What about Nav bar notification badges?

[matplus]

Lovely content, but how about designing a custom NavBar outside the default available within Flutterflow. I believe all apps shouldn't have the same NavBar look and feel.

[tckiqpw]

This feature to display app bar and navbar in all pages doesn't show in free plans I guess ....
Cause i tried to check it out but it didn't see the second option to toggle on navigation bar without including the page ...

[kejixiaoqi]

After today's update, the firebase database suddenly failed to deploy successfully in flutter and could not update the rules. What's going on?

[flutterflowexpert]

Great video The only issue I have with a NavBar is that there is no option to have your Logged In Page, because sometimes you need your Logged In Page to be your routing page. For example if you have an admin/moderator and regular user.

[gnes]

it's still lacking most design and style options for the nav bar. I feel like the nav bar should also just be treated as a widget, like every other element. This being separate makes it feel severely limited.