flutter-navigation

Guide Flutter navigation and routing with Navigator API and go_router.

2|Updated Mar 21, 2019
One-click install
npx skills add https://github.com/jrollin/dotfiles --skill flutter-navigation-jrollin
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: flutter-navigation
Source: https://github.com/jrollin/dotfiles/tree/main/claude/.claude/skills/flutter-navigation
Command: npx skills add https://github.com/jrollin/dotfiles --skill flutter-navigation-jrollin

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This Skill provides a comprehensive guide to implementing robust navigation and routing within Flutter applications, ensuring smooth user experiences across mobile and web platforms.

Core Features & Use Cases

  • Navigation Strategy: Choose between imperative (Navigator API) and declarative (go_router) approaches based on project needs.
  • Deep Linking: Configure and handle deep links for seamless app integration from external sources.
  • Data Flow: Efficiently pass and return data between screens.
  • Web Navigation: Manage browser history and URL strategies for web applications.
  • Use Case: You are building a complex e-commerce app and need to implement deep links for product pages, handle user authentication redirects, and ensure the web version has clean URLs and supports browser history.

Quick Start

Use the flutter-navigation skill to set up deep linking for your Flutter app using go_router.

Frequently Asked Questions about flutter-navigation

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

FAQPage Schema
How do I configure deep linking in a Flutter web and mobile application?

Configure Flutter deep linking by setting up routing systems to handle external app integration, managing browser history, and implementing URL strategies for web platforms. This skill guides deep link setup using go_router for seamless cross-platform navigation.

What is the best way to choose between the Navigator API and go_router for Flutter navigation?

Choose between imperative Navigator API and declarative go_router approaches based on project complexity. This skill provides guidance on selecting the right navigation strategy, covering screen transitions, routing configuration, and navigation state handling.

How do I pass and return data between screens during Flutter navigation?

Pass and return data between Flutter screens by leveraging the chosen navigation strategy's data flow mechanisms. This skill details efficient data passing techniques for both Navigator API and go_router implementations.

Does Flutter web navigation support clean URLs and browser history management?

Flutter web navigation supports clean URLs and browser history management through specific URL strategies. This skill addresses web-specific navigation configuration to ensure smooth user experiences on web platforms.

How do I handle user authentication redirects and complex routing in Flutter?

Handle user authentication redirects and complex routing by configuring a declarative routing system like go_router. This skill covers routing system configuration, navigation state handling, and screen transitions for complex applications.