Upgrade to Pro — share decks privately, control downloads, hide ads and more …

5分で完全理解するNav3との向き合い方

 5分で完全理解するNav3との向き合い方

Avatar for Tomoki Yamashita

Tomoki Yamashita

June 25, 2025
Tweet

More Decks by Tomoki Yamashita

Other Decks in Technology

Transcript

  1. たった2つのNav3のポイント You own the back stack バックスタックはただのListです。 その管理はライブラリではなく自分自身で所有し、コントロールします。 Get out

    of your way どのようにナビゲーションしたいかは、開発者である自分自身が一番分かっている。 Nav3ではオープンで拡張可能なように設計されているため、そのアプリのユースケースに併せてカスタマイズが可能になりました。 8
  2. サンプルコード val backStack = remember { mutableStateListOf<Any>(RouteA) } NavDisplay( backStack

    = backStack, onBack = { backStack.removeLastOrNull() }, entryProvider = entryProvider { entry<RouteA> { ContentGreen("Welcome to Nav3") { Button(onClick = { backStack.add(RouteB("123")) }) { Text("Click to navigate") } } } entry<RouteB> { key -> ContentBlue("Route id: ${key.id} ") } } ) 9
  3. Nav3にどう立ち向かうか https://github.com/android/nav3-recipes によくあるユースケースのためのサ ンプルコードがあります。 - NavigationRail or NavigationBar - ログインを題材にした条件付き画面遷移

    - Scenes を複雑なカスタムレイアウト - DeepLinks (まだコードはない) - Android XR Support (まだコードはない) - 画面間の戻り値 (まだコードはない) 11
  4. 参考文献 - Android Developers Blog: Announcing Jetpack Navigation 3 https://android-developers.googleblog.com/2025/05/announcing-jetpack-navigation-3-for-compose.html

    - android/nav3-recipes: Implement common use cases with Jetpack Navigation 3 https://github.com/android/nav3-recipes - Navigating the future with Jetpack Navigation 3 - Core Concepts - YouTube https://www.youtube.com/watch?v=opLYavQHBB8 14