Nested Navigation in flutter web
summary
Practical recap of nested navigation for Flutter Web using Go Router with concrete outcomes: built a Netflix‑like demo that initially lost tab state but works after adopting StatefulShellRoute plus an index stack to preserve branch state; enabling preload smooths branch transitions; fragment support, case‑sensitivity options and go_router_builder add deep linking and type‑safe route generation. Notes tradeoffs too: go_router enters maintenance mode and some teams report history/push bugs, so production suitability depends on whether history semantics or declarative state routing are primary.
AI-written summary · about
chapters (15)
- 0:00Introduction
- 1:45Navigator 1.0 vs 2.0 in Flutter Web
- 3:34Declarative vs imperative navigation
- 5:41Go Router features and benefits
- 7:28Setting up Go Router
- 10:38Nested navigation challenges
- 13:09Shell Routes for persistent UI
- 15:15Stateful Shell Routes
- 17:45Demos with stateful shell routes
- 20:14Go Router maintenance concerns
- 21:19Go Router 2023 features
- 23:25URL case sensitivity
- 25:13Go Router Builder
- 27:00Go Router limitations
- 29:08Q&A
related talks
26mNested Navigation in flutter web
41mreal world use cases in Flutter with GoRouter and GoRouterBuilder
32mRolling in the deep(link) - take a deep dive into Flutter navigation
26mVue-router and its techniques
26mVoyager: Navigation and DI for Flutter
29mBasic Strategies for State Propagation and Access Control in Flutter Widget Trees
41mThe future of routing with the Navigation API
34mGoogle Flutter: The Next Frontier in Mobile Development