Skip to main content

Black Friday 2025! Only until December 1st: coupon FRIDAY25 for 40% off Yearly/Lifetime membership!

Read more here

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? (29 h 14 min)

You also get:

54 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…