Agent-skills-standard flutter-go-router-navigation
Typed routes, route state, and redirection using go_router. Use when implementing go_router typed routes, guards, or redirects in Flutter. (triggers: **/router.dart, **/app_router.dart, GoRouter, GoRoute, StatefulShellRoute, redirection, typed-routes)
install
source · Clone the upstream repo
git clone https://github.com/HoangNguyen0403/agent-skills-standard
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/HoangNguyen0403/agent-skills-standard "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/flutter/flutter-go-router-navigation" ~/.claude/skills/hoangnguyen0403-agent-skills-standard-flutter-go-router-navigation && rm -rf "$T"
manifest:
skills/flutter/flutter-go-router-navigation/SKILL.mdsource content
GoRouter Navigation
Priority: P0 (CRITICAL)
Structure
core/router/ ├── app_router.dart # Router configuration └── routes.dart # Typed route definitions (GoRouteData)
Implementation Guidelines
- Typed Routes: Always use GoRouteData and @TypedGoRoute from
. Never use raw path strings.go_router_builder - Parameters: Define strongly-typed parameters in route class (e.g.,
) with paths like '/orders/:id'.class OrderDetailRoute extends GoRouteData { final String id; } - Root Router: One global
instance registered in DI.GoRouter - Sub-Routes: Nest related routes using
and children lists.TypedGoRoute - Redirection: Handle Auth (Login check) in redirect callback of
config:GoRouter
. ** NOT check auth inside page widget.**redirect: (context, state) => isLoggedIn ? null : '/login' - Tabs: Use StatefulShellRoute with branches for bottom tab bar (Home, Orders, Profile) so each tab maintains its own navigation stack.
- Transitions: Define standard transitions (Fade, Slide) in
.buildPage - Navigation: Use MyRoute().go(context) or
. Using OrderDetailRoute(id: id).go(context) only allowed way to navigate.MyRoute().push(context)
Code
See references/typed-routes.md for GoRouteData + redirect implementation.
Anti-Patterns
- No Raw String Paths: Use typed
classes (e.g.,GoRouteData
) instead ofOrderDetailRoute(id: 123).go(context)context.go('/orders/123') - No Inline Auth Logic: Redirect logic belongs in
, not UI'sGoRouter.redirect
methodbuild() - No Multiple Routers: Register one global
instance in DIGoRouter - No Unvalidated IDs: Always verify parameters exist in
before building routeredirect
Related Topics
layer-based-clean-architecture | auto-route-navigation | security