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

Transcript

1. STORES 株式会社 5分で完全理解するNav3との向き合い方 Ebisu mobile #10 〜WWDC & Google I/O スペシャル！〜 2025.06.26 @tomorrowkey
2. 自己紹介
3. 自己紹介 • 山下智樹 / @tomorrowkey • STORES株式会社 - STORES ブランドアプリ • Android エンジニア 3
4. Nav3の話をしたい
5. Jetpack Navigationってなに • 画面遷移を実現するためのAndroidのライブラリ • NavigationはFragmentベースの時代に作られたライブラリであり、XMLに 画面の遷移先や引数を定義して、画面遷移を宣言的に書けるライブラリだっ た。 • Navigation Composeの登場によりCompose時代でも画面遷移を定義できる ようになった。 5
6. Nav2のデメリット • Fragment時代に作られたライブラリなので、Jetpack Composeとの親和性 が完全ではなかった。 • バックスタックの管理がライブラリ任せであり、テクニカルな画面遷移を実装 しようとすると、高度な知識とワークアラウンドが必要となった。 • Nav2では画面をNavHostいっぱいに表示するため、TabletやFoldableなど画 面の大きさを活かしたレイアウトを表示をさせることが難しかった。 6
7. Nav3の誕生
8. たった2つのNav3のポイント You own the back stack バックスタックはただのListです。 その管理はライブラリではなく自分自身で所有し、コントロールします。 Get out of your way どのようにナビゲーションしたいかは、開発者である自分自身が一番分かっている。 Nav3ではオープンで拡張可能なように設計されているため、そのアプリのユースケースに併せてカスタマイズが可能になりました。 8
9. サンプルコード 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
10. Nav3はすべてを解決するのか • Nav3ではすべてのアプリのユースケースをカバーするアプローチではなく、 多くのユースケースをカバーするためのコンポーネントが提供されるように なった。 • 一見柔軟性が増えたように聞こえるが、これまでライブラリで管理されていた DeepLinkや状態の管理は開発者が行わないといけなくなった。 10
11. Nav3にどう立ち向かうか https://github.com/android/nav3-recipes によくあるユースケースのためのサ ンプルコードがあります。 - NavigationRail or NavigationBar - ログインを題材にした条件付き画面遷移 - Scenes を複雑なカスタムレイアウト - DeepLinks (まだコードはない) - Android XR Support (まだコードはない) - 画面間の戻り値 (まだコードはない) 11
12. これからのNav3に期待 - まだAlpha版なのでプロダクションユースは推奨されていません - 触ってみてフィードバックをIssue Trackerになげましょう 12
13. おわり
14. 参考文献 - 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