Flutter Navigation

Flutter navigation patterns including go_router, deep linking, and named routes for Flutter apps.

fierzone Updated

File contents

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

fierzone/agent-skills-standard/tree/main/skills/flutter/flutter-navigation commit e2af5a3a67

Frequently asked questions

npx skillmds@latest add fierzone/flutter-navigation