navigation-3

Migrate Android apps from Jetpack Navigation 2 to Navigation 3 with NavDisplay-based UI.

Updated Jan 2, 2026
One-click install
npx skills add https://github.com/tanaka-mambinge/dotfiles --skill navigation-3
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: navigation-3
Source: https://github.com/tanaka-mambinge/dotfiles/tree/main/ai-configs/skills/navigation-3
Command: npx skills add https://github.com/tanaka-mambinge/dotfiles --skill navigation-3

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Jetpack Navigation 3 provides a modern, Compose-first approach to app navigation, enabling type-safe destinations, flexible back stacks, and UI patterns like dialogs and bottom sheets to simplify complex flows.

Core Features & Use Cases

  • Type-safe destinations and entryProvider usage for safer navigation definitions.
  • Multiple back stacks and adaptive layouts via NavDisplay and Scene strategies.
  • Dialogs, bottom sheets, list-detail, two-pane, and conditional navigation patterns with examples.
  • Migration guidance from Navigation 2 to Navigation 3, including type-safe routes and state persistence.

Quick Start

Follow the migration guide to upgrade a Jetpack Navigation 2 app to Navigation 3 and implement NavDisplay-based navigation.

Frequently Asked Questions about navigation-3

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

FAQPage Schema
How do I migrate from Jetpack Navigation 2 to Navigation 3 in Compose?

To migrate from Jetpack Navigation 2 to Navigation 3, follow the migration guide to upgrade your app by implementing NavDisplay-based navigation. This process transitions you to type-safe routes using NavKey and entryProvider patterns for safer destination definitions.

How does back stack management work with NavDisplay in Navigation 3?

Back stack management with NavDisplay in Navigation 3 uses type-safe routes and multiple back stacks to handle adaptive layouts. It leverages scene strategies to render UI, providing flexible control over navigation state and supporting saveable state persistence across configuration changes.

Can I show dialogs and bottom sheets as modal destinations using Navigation 3?

Yes, Navigation 3 supports modal destinations including dialogs and bottom sheets within your Compose UI. You can implement these patterns using NavDisplay and scene strategies, which provide specific recipes for rendering modal overlays alongside standard navigation flows.

What is the entryProvider used for in Jetpack Navigation 3?

The entryProvider in Jetpack Navigation 3 is used to define type-safe destinations by mapping NavKey instances to their corresponding UI destinations. It serves as the core registration mechanism within NavDisplay, ensuring navigation routes are securely typed and properly resolved.

Does Navigation 3 support adaptive layouts like list-detail and two-pane views?

Yes, Navigation 3 supports adaptive layouts including list-detail and two-pane views through NavDisplay and scene strategies. These components manage multiple back stacks to render conditional navigation patterns, allowing your Compose UI to adapt flexibly across different screen sizes.

When should I use scene strategies in Compose Navigation 3?

You should use scene strategies in Compose Navigation 3 when you need to render complex UI patterns like dialogs, bottom sheets, or adaptive two-pane layouts. They define how NavDisplay renders specific destinations, enabling flexible management of conditional navigation and multiple back stacks.