flutter-implementing-navigation-and-routing

Manage routing, navigation, and deep linking in Flutter applications.

2.8k|166|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/flutter/skills --skill flutter-implementing-navigation-and-routing-flutter
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-implementing-navigation-and-routing
Source: https://github.com/flutter/skills/tree/main/skills/flutter-implementing-navigation-and-routing
Command: npx skills add https://github.com/flutter/skills --skill flutter-implementing-navigation-and-routing-flutter

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers manage how users move between different screens and sections within a Flutter application, including handling web URLs and deep linking.

Core Features & Use Cases

  • Screen Transitions: Implement standard navigation between pages using Navigator.
  • Deep Linking: Configure your app to open to specific content via URLs.
  • Nested Navigation: Manage independent navigation flows within your app, like tab bars.
  • Use Case: You are building a multi-step onboarding flow in your Flutter app and need to ensure users can navigate back and forth between steps, and that the flow can be deep-linked to a specific step from a URL.

Quick Start

Use the flutter-implementing-navigation-and-routing skill to set up declarative navigation with go_router for your Flutter app.

Frequently Asked Questions about flutter-implementing-navigation-and-routing

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

FAQPage Schema
How do I implement deep linking in my Flutter application?

Implement deep linking in Flutter by configuring the Router API to parse incoming URLs and map them to specific screens. This Skill sets up declarative routing to handle web URLs and direct users to specific application content.

What's the best way to manage navigation for a multi-step onboarding flow in Flutter?

The best way to manage multi-step navigation in Flutter is using the Navigator API for imperative transitions or go_router for declarative flows. This ensures users can navigate back and forth between sequential screens reliably.

How do I set up nested navigation for tab bars in Flutter?

Set up nested navigation in Flutter by managing independent navigation flows within different app sections. This Skill configures the Router API to maintain separate state stacks for tab bars and nested UI sections.

Should I use go_router or the built-in Navigator for Flutter screen transitions?

Use the built-in Navigator for standard imperative screen transitions, but choose go_router for advanced declarative routing. This Skill utilizes both Navigator and Router APIs, recommending go_router specifically for complex deep linking scenarios.

When do I need declarative routing instead of imperative navigation in Flutter?

You need declarative routing in Flutter when handling deep linking via URLs or managing complex nested navigation flows. Imperative navigation using the Navigator API works for standard screen transitions, but declarative routing handles URL state predictably.