RANIARANIA Academy

Navigation & Routing

Learn to move users between screens in a Flutter app with confidence — from the Navigator stack and named routes to the modern go_router package. You will walk away able to build multi-screen apps that pass data forward, return results, use bottom-tab navigation with nested stacks, and open to the right screen from a deep link.

Watch the free preview

Screens as a stack — push and pop — free to watch, no account needed.

Mobile Development (Flutter) BEGINNER · 150 min · Certificate on completion · 3 CPD points

What you'll learn

  • Build multi-screen Flutter apps that move users between screens reliably
  • Navigate with Navigator.push and pop and reason about the route stack
  • Define named routes and pass arguments and return results between screens
  • Route declaratively with go_router, including path parameters and redirects
  • Implement bottom-tab navigation with nested stacks and handle a basic deep link

Syllabus

The Navigator Stack — Push and Pop
Screens as a stack — push and popFree preview15 min
Passing data forward with MaterialPageRoute15 min
Named Routes, Arguments and Results
Named routes and the routes table15 min
Passing arguments and returning results15 min
Declarative Routing with go_router
Introducing go_router15 min
Path parameters, queries and redirects15 min
Nested Navigation, Tabs and Deep Links
Bottom navigation with nested stacks15 min
Deep links — opening straight to a screen15 min
Lab — 10 Exercises & Solutions
Exercises 1–515 min
Exercises 6–1015 min