AIKraft/AI/Войти
AIKraft/Skills/flutter-setup-declarative-routing

flutter-setup-declarative-routing

Настройте MaterialApp.router с go_router для навигации на основе URL. Полезно для веб- и мобильных приложений, требующих глубоких ссылок и поддержки истории браузера.

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

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

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

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

  • Создание веб-приложений с чистыми URL без фрагмента # для корректной работы истории браузера.
  • Реализация навигации с нижней панелью вкладок (BottomNavigationBar), где состояние вкладок сохраняется.
  • Настройка глубоких ссылок для мобильных платформ, открывающих конкретные экраны по URL.
  • Организация вложенной навигации с использованием ShellRoute или StatefulShellRoute.

Как работает

  1. Импортировать пакет go_router и создать экземпляр GoRouter как центральный объект конфигурации дерева маршрутов.
  2. Настроить Path URL Strategy для удаления фрагмента # из URL в веб-приложениях.
  3. Определить маршруты с помощью GoRoute, сопоставляя URL-пути с соответствующими экранами Flutter.
  4. При необходимости обернуть дочерние маршруты в ShellRoute или StatefulShellRoute для создания постоянного UI-оболочки (например, для BottomNavigationBar).
  5. Инициализировать MaterialApp.router, передав ему настроенный экземпляр GoRouter.

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

Настрой MaterialApp.router с go_router для веб-приложения, чтобы URL не содержали символ #.
Реализуй вложенную навигацию с сохранением состояния вкладок, используя StatefulShellRoute.
Создай конфигурацию go_router с ShellRoute для обертки экранов в BottomNavigationBar.

Что понадобится

  • Пакет go_router
  • Flutter SDK

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

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

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

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

flutter-setup-declarative-routing — навык для AI | AIKraft