Skip to main content

Adding Bottom Navigation Bar

Premium
4 min read

Until now, we constantly moved around our Home and CategoriesList widgets to see some changes. Let's build a navigation bar to have a better user experience:


Reset Our Home Page

Let's revert our Last lesson change from Categories List to Home:

lib/main.dart

// ...
return MultiProvider(
child: MaterialApp(title: 'Welcome to Flutter', routes: {
'/': (context) {
final authProvider = Provider.of<AuthProvider>(context);
return authProvider.isAuthenticated ? CategoriesList() : Login();
return authProvider.isAuthenticated ? Home() : Login();
},

Add Logout to Our Authentication Provider

Since one of our buttons will be a Logout button...

The Full Lesson is Only for Premium Members

Want to access all of our courses? (30 h 41 min)

You also get:

55 courses
Premium tutorials
Access to repositories
Private Discord
Get Premium for $129/year or $29/month

Already a member? Login here

Comments & Discussion

No comments yet…

We'd Love Your Feedback

Tell us what you like or what we can improve

Feel free to share anything you like or dislike about this page or the platform in general.