mobile-flutter-navigation

Implement GoRouter declarative navigation with guards and shell routes in Flutter.

2|Updated Apr 3, 2026
One-click install
npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-flutter-navigation
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: mobile-flutter-navigation
Source: https://github.com/TMHSDigital/Mobile-App-Developer-Tools/tree/main/skills/mobile-flutter-navigation
Command: npx skills add https://github.com/TMHSDigital/Mobile-App-Developer-Tools --skill mobile-flutter-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Flutter apps often struggle with clean, scalable navigation, requiring boilerplate and inconsistent routing logic. This Skill provides a structured approach to implementing declarative navigation using GoRouter, including guards, tabs, nested routes, and deep linking.

Core Features & Use Cases

  • Declarative routing with GoRouter for Flutter
  • Stateful shell routes for tabbed navigation
  • Route guards and auth redirection
  • Deep linking and typed routes
  • Platform-adaptive transitions for a native feel

Quick Start

Install the go_router package and configure a basic router with routes, shell routes for tabs, and auth guards.

Frequently Asked Questions about mobile-flutter-navigation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement declarative routing with GoRouter in Flutter?

Declarative routing with GoRouter in Flutter is implemented by configuring a basic router with defined routes, shell routes for tabs, and auth guards. This structured approach replaces inconsistent routing logic and reduces boilerplate for scalable navigation.

How do I build tabbed navigation using StatefulShellRoute in Flutter?

Building tabbed navigation in Flutter uses StatefulShellRoute within GoRouter to maintain state across tabs. This method organizes nested routes and provides a native feel by preserving the state of each tab view during navigation.

Can I use GoRouter for deep linking and route guards in Flutter?

Yes, GoRouter supports deep linking and route guards for Flutter apps. It enables typed routes and auth redirection, ensuring users are properly authenticated before accessing guarded routes or processing incoming deep links.

What is the best way to handle platform-adaptive transitions in Flutter navigation?

Platform-adaptive transitions in Flutter navigation are handled through GoRouter configuration. This approach ensures routing transitions match the specific platform expectations, delivering a native feel across different operating systems.

Do I need to install specific packages to use declarative navigation in Flutter?

Yes, you need to install the go_router package to implement declarative navigation. Once installed, you can configure routes, integrate StatefulShellRoute for tabs, and set up auth guards for your Flutter project.