skills.rest
K3vinb5
K3vinb5COMMUNITY
Explore all skills by this author →
GitHub

unyo-routing-navigation

Automates type-safe AutoRoute setup and management in Flutter apps with nested routes and code generation.

651|26|Updated Mar 24, 2024
Search Tags:#routing#navigation#codegen#autoroute#flutter#screens#cubits
One-click install
npx skills add https://github.com/K3vinb5/Unyo --skill unyo-routing-navigation
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: unyo-routing-navigation
Source: https://github.com/K3vinb5/Unyo/tree/main/.agents/skills/unyo-routing-navigation
Command: npx skills add https://github.com/K3vinb5/Unyo --skill unyo-routing-navigation

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Configuring and maintaining complex Flutter navigation with nested routes, tabs, and transition effects is error-prone and hard to scale.

Core Features & Use Cases

  • Type-safe routing with AutoRoute and a single AppRouter for nested routes and tab navigation.
  • Integration with the cubit/effects navigation pattern to drive route changes from business logic without direct context.
  • Clear guidance for adding new screens, transitions, and nested routes, plus code generation workflow.

Quick Start

Install AutoRoute, annotate screens with @RoutePage, run build_runner to generate routes, and navigate using the provided effects from cubits.

Frequently Asked Questions about unyo-routing-navigation

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I set up type-safe routing with AutoRoute in a Flutter app?▼

Set up type-safe routing by annotating screens with @RoutePage, defining a central AppRouter for nested routes, and running build_runner for code generation to produce the necessary gr.dart files.

What is the best way to manage nested tabs and route transitions in Flutter?▼

Manage nested tabs and route transitions by configuring a single AppRouter with nested routes and integrating cubit-driven navigation using an effect system to trigger route changes from business logic.

How do I drive Flutter navigation changes from cubits without using context?▼

Drive navigation from cubits by applying a cubit and effects navigation pattern, which triggers route changes through an effect system rather than requiring direct BuildContext access.

Do I need code generation to use AutoRoute for Flutter screen navigation?▼

Yes, code generation is required for AutoRoute. You must run build_runner to generate the gr.dart files after annotating your screens with @RoutePage and configuring your central AppRouter.

Can I use this routing approach for complex Flutter apps with nested routes?▼

Yes, this approach is designed for complex Flutter apps. It uses a central AppRouter to handle nested routes, tab navigation, and transition effects, making it scalable and less error-prone.

Related Skills

Explore More Software Engineering Skills→
ngxtmngxtm

Flutter AutoRoute Navigation

Configures type-safe routing for Flutter apps using auto-route code generation.

Community
Intermediate
devanfer02devanfer02

compose-navigation

Model Jetpack Compose navigation routes as @Serializable primitives for type-safe NavHost setup.

Community
Advanced
marcglasbergmarcglasberg
7

consume-effect-queue

Consume and process queued UI effects from Cubits in Flutter widgets.

Community
Intermediate
TMHSDigitalTMHSDigital
2

mobile-flutter-navigation

Implement GoRouter declarative navigation with guards and shell routes in Flutter.

Community
Intermediate