navigation-3

Migrate Android Compose apps to Jetpack Navigation 3 with type-safe graphs.

Updated May 5, 2023

Search Tags:#migration #navigation #adaptive #android #type-safe #compose

Ready to run

npx skills add https://github.com/uyelikanil/AwesomeSunsetWallpapers --skill navigation-3-uyelikanil

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: navigation-3
Source: https://github.com/uyelikanil/AwesomeSunsetWallpapers/tree/main/.agents/skills/navigation-3
Command: npx skills add https://github.com/uyelikanil/AwesomeSunsetWallpapers --skill navigation-3-uyelikanil

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This skill addresses the complexity of migrating from legacy navigation systems to the modern, type-safe, and adaptive Navigation 3 library for Jetpack Compose, ensuring robust state management and back stack control.

Core Features & Use Cases

Type-Safe Navigation: Eliminates runtime crashes by replacing string-based routes with serializable Kotlin objects.
Adaptive Layouts: Implements complex UI patterns like list-detail, two-pane, and bottom sheets using the Scenes API.
State Preservation: Provides patterns for maintaining navigation state across configuration changes and process death.
Use Case: Use this skill to refactor a large-scale Android application to support adaptive layouts that seamlessly transition between mobile and tablet form factors.

Quick Start

Use the navigation-3 skill to generate a migration plan for my current project by analyzing my existing NavHost configuration.

Frequently Asked Questions about navigation-3

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

FAQPage Schema

How do I migrate to Jetpack Navigation 3 in Compose?▼

Migrating to Jetpack Navigation 3 in Compose involves analyzing your existing NavHost configuration to generate a structured plan, replacing legacy systems with type-safe serializable objects and adaptive scene strategies.

How does type-safe navigation work in Compose?▼

Type-safe navigation in Compose eliminates runtime crashes by replacing string-based routes with serializable Kotlin objects, ensuring robust state management and compile-time route validation within the Navigation 3 API architecture.

How do I implement adaptive layouts using the Navigation 3 Scenes API?▼

Implementing adaptive layouts with the Navigation 3 Scenes API enables complex UI patterns like list-detail, two-pane, and bottom sheets, allowing seamless form factor transitions between mobile and tablet devices.

Do I need Kotlin serialization for Jetpack Navigation 3?▼

Yes, you need Kotlin serialization for Jetpack Navigation 3, as creating type-safe navigation graphs requires serializable Kotlin objects and strict adherence to the Navigation 3 API architecture for modularized code.

How do I preserve navigation state across configuration changes in Compose?▼

Preserving navigation state across configuration changes in Compose requires persistent back stack management patterns provided by Navigation 3, ensuring robust state recovery during process death and UI transitions.