This is an example app showing how to implement bottom navigation with nested routes using GoRouter & Cubit



This example is built using GoRouter 5.2.4. Navigating bottom navbar screens with go router. Instead of using buildBody and currentIndex for routing, we’ll be using go router to navigate between screens.

Screenshot 1 Screenshot 2 Screenshot 3

Why GoRouter?

Reason being it’s now under the wing of official Flutter packages and not to mention its simplicity and good documentation.

For scenarios like this GoRouter has a new type of route called ShellRoute. ShellRoute is a route that displays a UI shell around the route. You’ll instinctively understand about shellRoute once you view this project.


View Github