AIKraft/Skills/flutter-implementing-navigation-and-routing

flutter-implementing-navigation-and-routing

Управляет маршрутизацией, навигацией и deep linking в Flutter-приложениях. Применяется при переходе между экранами и настройке навигации на основе URL.

flutter official Разработка ★ 3k

Что делает навык

Навык управляет маршрутизацией, навигацией и deep linking в Flutter-приложениях, обеспечивая переходы между экранами и настройку навигации на основе URL. Он помогает выбрать между императивным (Navigator) и декларативным (Router) подходами в зависимости от сложности приложения.

Когда применять

  • Реализация простых переходов между экранами в небольших приложениях без сложных требований к deep linking.
  • Настройка навигации с синхронизацией URL для веб-приложений и поддержкой глубоких ссылок (deep linking) на iOS, Android и Web.
  • Отказ от использования именованных маршрутов (Named Routes) в пользу пакетов вроде go_router для поддержки кнопки «назад» в браузере.
  • Реализация вложенной навигации (Nested Navigation) для сложных интерфейсов.

Как работает

  1. Определить тип навигации: использовать Navigator (Imperative) для простых приложений или Router (Declarative) для приложений с веб-синхронизацией и deep linking.
  2. Избегать использования MaterialApp.routes и Navigator.pushNamed, так как они имеют жесткое поведение deep linking и не поддерживают кнопку «назад» в браузере.
  3. Для сложных сценариев маршрутизации использовать пакет go_router.
  4. Настроить deep linking для открытия приложения по конкретному URL на поддерживаемых платформах (iOS, Android, Web).
  5. Реализовать вложенную навигацию при необходимости управления несколькими стеками маршрутов.

Примеры запросов агенту

Как реализовать навигацию между экранами в Flutter с использованием Router для поддержки deep linking?
Почему не стоит использовать Named Routes в Flutter и как перейти на go_router?
Как настроить вложенную навигацию (Nested Navigation) в Flutter-приложении?

Описание составлено по SKILL.md навыка, сверено 07.10.2026.

Как подключить

1Скачать навык
# возьмите папку навыка «flutter-flutter-implementing-navigation-and-routing» из репозитория: # https://github.com/flutter/agent-plugins
2Положить папку с SKILL.md к навыкам ассистента
# положите папку навыка туда, где ассистент ищет skills: cp -r flutter-flutter-implementing-navigation-and-routing/ ~/.claude/skills/flutter-flutter-implementing-navigation-and-routing/

Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.