金色时刻 · 15:48
让好资源,触手可及
AGENT SKILL

auto-route-navigation

auto-route-navigation 是面向软件开发的 Agent Skill,来自 HoangNguyen0403/agent-skills-standard。查看技能说明、操作步骤与使用约定,并通过原项目了解详细用法。

Typed routing, nested routes, and guards using auto_route.

SKILL.md

下载 MD ↓
nameFlutter AutoRoute Navigation
descriptionTyped routing, nested routes, and guards using auto_route.
metadata{"labels": ["navigation", "auto-route", "routing"], "triggers": {"files": ["**/router.dart", "**/app_router.dart"], "keywords": ["AutoRoute", "AutoRouter", "router", "guards", "navigate", "push"]}}

AutoRoute Navigation

Priority: P1 (HIGH)

Type-safe routing system with code generation using auto_route.

Structure

core/router/
├── app_router.dart # Router configuration
└── app_router.gr.dart # Generated routes

Implementation Guidelines

  • @RoutePage: Annotate all screen/page widgets with @RoutePage().
  • Router Config: Extend _$AppRouter and annotate with @AutoRouterConfig.
  • Typed Navigation: Use generated route classes (e.g., HomeRoute()). Never use strings.
  • Nested Routes & Tabs: Use children in AutoRoute for tabs. When navigating to a route with nested tabs, use the children parameter to define the initial active sub-route (e.g., context.navigateTo(OrdersTabRoute(children: [ViewByOrdersPageRoute()]))).
  • Guards: Implement AutoRouteGuard for authentication/authorization logic.

  • Parameters: Constructors of @RoutePage widgets automatically become route parameters.

  • Declarative: Prefer context.pushRoute() or context.replaceRoute().

Reference & Examples

For full Router configuration and Auth Guard implementation: See references/REFERENCE.md.

Related Topics

go-router-navigation | layer-based-clean-architecture

来源:HoangNguyen0403/agent-skills-standard · MIT 许可 · 许可原文 · MD 为来源页保存的历史版本