Skillshub flutter-navigation

Flutter navigation patterns including go_router, deep linking, and named routes. Use when implementing navigation, deep linking, or named routes in Flutter. (triggers: **/*_route.dart, **/*_router.dart, **/main.dart, Navigator, GoRouter, routes, deep link, go_router, AutoRoute)

install
source · Clone the upstream repo
git clone https://github.com/ComeOnOliver/skillshub
Claude Code · Install into ~/.claude/skills/
T=$(mktemp -d) && git clone --depth=1 https://github.com/ComeOnOliver/skillshub "$T" && mkdir -p ~/.claude/skills && cp -r "$T/skills/HoangNguyen0403/agent-skills-standard/flutter-navigation" ~/.claude/skills/comeonoliver-skillshub-flutter-navigation && rm -rf "$T"
manifest: skills/HoangNguyen0403/agent-skills-standard/flutter-navigation/SKILL.md
source content

Flutter Navigation

Priority: P1 (OPERATIONAL)

Navigation and routing for Flutter apps using

go_router
or named routes.

Guidelines

  • Package: Use
    go_router
    for modern, declarative routing.
  • Deep Linking: Configure
    AndroidManifest.xml
    and
    Info.plist
    for URL schemes.
  • Validation: Validate parameters in
    redirect
    logic before navigation.
  • Stateful Tabs: Use
    IndexedStack
    to preserve state in bottom navigation.

Routing Patterns & Examples

Anti-Patterns

  • No Manual URL Parsing: Use
    go_router
    parsing, never
    Uri.parse
    manually.
  • No Stateless Tabs:
    Scaffold
    body switching loses state; use
    IndexedStack
    .
  • No Unvalidated Deep Links: Always check if IDs exist in
    redirect
    .
  • No Hardcoded Routes: Use constants (e.g.,
    Routes.home
    ) or code generation.

Related Topics

flutter-design-system | flutter-notifications | mobile-ux-core