navigation-3

Agent Skills › android/skills › navigation-3

navigation-3

GitHub

提供Jetpack Navigation 3的安装、迁移指南及核心功能实现，涵盖深层链接、多返回栈、场景布局及与Hilt/ViewModel集成等开发模式。

navigation/navigation-3/SKILL.md android/skills

触发场景

Android应用导航架构升级 Jetpack Navigation 3迁移实现深层链接或复杂UI导航

安装

npx skills add android/skills --skill navigation-3 -g -y

更多选项

非标准路径

npx skills add https://github.com/android/skills/tree/main/navigation/navigation-3 -g -y

不安装直接使用

npx skills use android/skills@navigation-3

指定 Agent (Claude Code)

npx skills add android/skills --skill navigation-3 -a claude-code -g -y

安装 repo 全部 skill

npx skills add android/skills --all -g -y

预览 repo 内 skill

npx skills add android/skills --list

SKILL.md

Frontmatter

{
    "name": "navigation-3",
    "license": "Complete terms in LICENSE.txt",
    "metadata": {
        "author": "Google LLC",
        "keywords": [
            "recipe",
            "Android",
            "Navigation 2",
            "Navigation 3",
            "migration",
            "Compose",
            "guide",
            "dependencies",
            "NavKey",
            "NavHost",
            "NavDisplay",
            "BottomSheet",
            "list-detail",
            "scenes",
            "two-pane",
            "supporting pane",
            "multiple backstacks",
            "dialog",
            "Hilt",
            "ViewModel",
            "View interop."
        ],
        "last-updated": "2026-08-06"
    },
    "description": "Learn how to install and migrate to Jetpack Navigation 3, and how to implement features and patterns such as deep links, multiple backstacks, scenes (dialogs, bottom sheets, list-detail, two-pane, supporting pane), conditional navigation (such as logged-in navigation versus anonymous), returning results from flows, integration with Hilt, ViewModel, Kotlin, and view interoperability."
}

Migration guide

Navigation 2 to Navigation 3 migration guide: Step-by-step guide to migrate an Android application from Navigation 2 to Navigation 3, covering dependency updates, route changes, state management, and UI component replacements.

Requirements

Guide: Migrate to type-safe navigation in Compose : Step-by-step guide to migrating an Android application from string-based navigation to Type-Safe Navigation in Jetpack Compose using Jetpack Navigation 2.

Developer documentation

Navigation 3. Search documentation for more information on basics, saving and managing navigation state, modularizing navigation code, creating custom layouts using Scenes, animating between destinations, or applying logic or wrappers to destinations.

Recipes

Code examples showcasing common patterns.

Basic API usage

Basic: Shows most basic API usage.
Saveable back stack: Shows basic API usage with a persistent back stack.
Entry provider DSL: Shows basic API usage using the entryProvider DSL.

Common UI

Common UI: Demonstrates how to implement a common navigation UI pattern with a bottom navigation bar and multiple back stacks, where each tab in the navigation bar has its own navigation history.

Deep links

Static URI: Shows how to handle simple static URI deep links.
URI with Arguments: Shows how to parse path and query arguments from a deep link.
Synthetic BackStack: Shows how to handle deep links with a synthetic back stack.
Custom Matcher: Shows how to implement custom deep link matching logic.

Scenes

Use built-in Scenes

Dialog: Shows how to create a Dialog.

Create custom Scenes

BottomSheet: Shows how to create a BottomSheet destination.
List-Detail Scene: Demonstrates how to implement adaptive list-detail layouts using the Navigation 3 Scenes API.
Two pane Scene: Demonstrates how to implement adaptive two-pane layouts using the Navigation 3 Scenes API.

Material Adaptive

Material List-Detail: Demonstrates how to implement an adaptive list-detail layout using Material 3 Adaptive.
Material Supporting Pane: Demonstrates how to implement an adaptive supporting pane layout using Material 3 Adaptive.

Animations

Animations: Shows how to override the default animations for all destinations and a single destination.
Conditional Transitions: Shows how to implement conditional transition animations.

Common back stack behavior

Multiple back stacks: Shows how to create multiple top level routes, each with its own back stack. Top level routes are displayed in a navigation bar allowing users to switch between them. State is retained for each top level route, and the navigation state persists config changes and process death.

Conditional navigation

Conditional navigation: Switch to a different navigation flow when a condition is met. For example, for authentication or first-time user onboarding.

Lifecycle

Lifecycle Owner: Shows how to use and observe Lifecycle in Navigation 3.

Architecture

Modularized navigation code (Hilt): Demonstrates how to decouple navigation code into separate modules using Hilt or Dagger for DI.
Modularized navigation code (Koin): Demonstrates how to decouple navigation code into separate modules using Koin for DI.

Working with ViewModel

Passing navigation arguments

Basic ViewModel : Navigation arguments are passed to a ViewModel constructed using viewModel()

Returning results

Returning Results as Events : Returning results as events to content in another NavEntry
Returning Results as State : Returning results as state stored in a CompositionLocal