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

Ready to run

npx skills add https://github.com/K3vinb5/Unyo --skill unyo-routing-navigation

💬 Prompt for ChatGPT / Claude Chat▼

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.