flutter-routing-and-navigation

What problem does it solve?

This Skill helps Flutter developers select and implement the appropriate navigation and routing strategy, manage deep links, and reliably pass data between screens while avoiding common pitfalls like improper stack handling or broken web URL synchronization.

Core Features & Use Cases

• Routing decision logic to choose between imperative Navigator, declarative Router (e.g., go_router), or nested Navigator flows based on app complexity.
• Imperative navigation patterns with push/pop and data passing via constructors or RouteSettings for simple apps.
• Named route and onGenerateRoute guidance with caveats for deep linking and web forward-button behavior.
• Nested Navigator implementation using GlobalKey<NavigatorState> to isolate sub-flows such as multi-step wizards or persistent bottom navigation.
• Deep linking and web synchronization recommendations, favoring Router/go_router for advanced URL handling and cross-platform consistency.
• Validation and safety checks to avoid closing the app unintentionally, handle null/typed route arguments, and ensure MaterialApp initialRoute/home consistency.

Quick Start

Use the flutter-routing-and-navigation skill to design and implement the navigation approach for your app by specifying whether you need simple Navigator.push-based flows, Router/go_router for deep links and web URL sync, or nested navigators for isolated sub-flows.