skills.rest
uyelikanil
uyelikanilCOMMUNITY
Explore all skills by this author →
GitHub

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
One-click install
npx skills add https://github.com/uyelikanil/AwesomeSunsetWallpapers --skill navigation-3-uyelikanil
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
mymx2mymx2
4

navigation-3

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

Community
Advanced
jayteealaojayteealao

design-adapt

Propose adaptive strategies for responsive layouts across mobile, tablet, desktop, and print contexts.

Community
Advanced
shirulotshirulot

navigation-3

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

Community
Advanced
Kaito-DogiKaito-Dogi

navigation-3

Guide Android app migration to Jetpack Navigation 3 with Kotlin and Compose.

Community
Advanced