Реализация навигации и маршрутизации Flutter
Handles routing, navigation, and deep linking in a Flutter application. Use when moving between screens or setting up URL-based navigation.
AIflutter
official
Другое
Что делает навык
Навык реализует маршрутизацию, навигацию и deep linking в приложениях Flutter, обрабатывая переходы между экранами и настройку навигации на основе URL. Он позволяет выбирать между императивным подходом (Navigator) для простых задач и декларативным (Router) для сложных сценариев.
Когда применять
- Реализация переходов между экранами в небольших приложениях без сложных требований к deep linking.
- Настройка навигации с синхронизацией URL для веб-приложений и поддержкой глубоких ссылок.
- Организация вложенной навигации (nested navigation) в сложных интерфейсах.
- Отказ от устаревших именованных маршрутов (Named Routes) в пользу современных пакетов, таких как go_router.
Как работает
- Определить тип приложения: использовать Navigator (императивный) для простых задач или Router (декларативный) для сложной навигации и веб-синхронизации.
- Избегать использования MaterialApp.routes и Navigator.pushNamed из-за их жесткого поведения deep linking и отсутствия поддержки кнопки «назад» в браузере.
- Для сложных сценариев внедрить пакет маршрутизации, например go_router, поддерживающий deep linking на iOS, Android и Web.
- Настроить маршруты как виджеты, управляя стеком Route объектов через Navigator или декларативной конфигурацией Router.
- Обеспечить обработку deep linking для открытия приложения по конкретной ссылке на всех поддерживаемых платформах.
Примеры запросов агенту
Реализуй навигацию между экранами в Flutter с использованием Navigator для простого приложения.
Настрой декларативную маршрутизацию с go_router для поддержки deep linking и синхронизации URL в веб-версии.
Как правильно организовать вложенную навигацию в Flutter, избегая устаревших именованных маршрутов?
Что понадобится
- Среда разработки Flutter
- Пакет go_router (рекомендуется для сложных сценариев)
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «flutter-implementing-navigation-and-routing» из репозитория:
# https://github.com/flutter/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r flutter-implementing-navigation-and-routing/ ~/.claude/skills/flutter-implementing-navigation-and-routing/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.