Настройка декларативной маршрутизации Flutter
Configure `MaterialApp.router` using a package like `go_router` for advanced URL-based navigation. Use when developing web applications or mobile apps that require specific deep linking and browser history support.
AIflutter
official
Разработка
Что делает навык
Настройка декларативной маршрутизации в Flutter с использованием пакета go_router для управления сложными сценариями навигации, диплинками и вложенными маршрутами. Позволяет сопоставлять URL-пути с экранами приложения и поддерживать чистые URL без фрагментов на веб-платформах.
Когда применять
- Разработка веб-приложений с поддержкой истории браузера и чистыми URL
- Создание мобильных приложений с глубокими ссылками (deep linking)
- Реализация вложенной навигации с сохранением состояния параллельных веток
- Настройка постоянного UI-контейнера (например, BottomNavigationBar) для группы экранов
Как работает
- Использовать пакет go_router для определения дерева маршрутов приложения
- Настроить GoRouter как центральный объект конфигурации, определяющий структуру маршрутов
- Определить GoRoute для сопоставления URL-путей с конкретными экранами Flutter
- Применить ShellRoute или StatefulShellRoute для оборачивания дочерних маршрутов в постоянный UI-контейнер
- Настроить Path URL Strategy для удаления фрагмента # из веб-URL и обеспечения корректной работы диплинков
Примеры запросов агенту
Настрой декларативную маршрутизацию в Flutter с помощью go_router для веб-приложения с чистыми URL
Реализуй вложенную навигацию с сохранением состояния через StatefulShellRoute в go_router
Настрой глубокие ссылки (deep linking) для мобильного приложения на Flutter с использованием go_router
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «flutter-setup-declarative-routing» из репозитория:
# https://github.com/flutter/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r flutter-setup-declarative-routing/ ~/.claude/skills/flutter-setup-declarative-routing/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.