navigation3-main-tab

Installation
SKILL.md

navigation3-main-tab

Navigation 3 の SceneStrategy を活用して、下タブ (BottomNavigation) を管理するパターンを実装する。

前提条件

  • Kotlin Multiplatform (or Android) + Compose プロジェクト
  • Navigation 3 (androidx.navigation3) が依存に含まれていること
  • lifecycle-viewmodel-navigation3 が依存に含まれていること

設計概要

Navigation 3 の SceneStrategy を使い、タブ画面を MainTabScene でラップする。

核心: MainTabScenekey を固定値にすることで、タブ切り替え時に Scene が破棄・再生成されず、 NavigationBar を維持したまま中身だけ切り替わる。

タブ判定は NavEntry.metadata に埋め込んだ MainTab 値で行い、 metadata がないエントリは通常の SinglePaneSceneStrategy にフォールバックする。

Related skills
Installs
3
Repository
tbsten/skills
GitHub Stars
1
First Seen
Mar 29, 2026