Jetpack Compose Navigation

Slides from Jetpack Compose Meetup by Android KZ - https://www.youtube.com/watch?v=nAJj3zyUOqc

Transcript

2. Zhanibek Marshal, 6 August 2022 Navigating screens on Jetpack Compose Перемещаемся между экранами как надо
3. Давным давно …в далекой галактике • Intent • Fragment Manager • Jetpack Navigation
4. 2008 Переходы по Activity Intent Fragment Manager Jetpack Navigation 2011 Поддержка больших экранов с помощью Fragment Тоже переходы по Fragment Но теперь в Navigation Graph 2019
5. 2008 Переходы по Activity Intent Fragment Manager Jetpack Navigation 2011 Поддержка больших экранов с помощью Fragment Тоже переходы по Fragment Но теперь в Navigation Graph 2019
6. 2008 Переходы по Activity Intent Fragment Manager Jetpack Navigation 2011 Поддержка больших экранов с помощью Fragment Тоже переходы по Fragment Но теперь в Navigation Graph 2019
7. 1 Activity + n * Fragment Современный подход Activity Fragment A Fragment B Fragment A Fragment B ViewModel A ViewModel B Activity Lifecycle Fragments Lifecycle ViewModel Lifecycle
8. Jetpack Compose Navigation
9. - + 10
10. Delivery cost 5 € Total 150.5 € Shut up and take my money
11. Дорого переписывать Existing applications Jetpack Navigation Compose View Fragments
12. Мечта разработчиков New applications Jetpack *Compose* Navigation @Composable Composable Screens 🚀
13. Navigation Graph
14. NavHost Destination Destination Destination
15. NavHost Advertisements AdvertDetails AdvertPhotos NavGraph NavGraph
17. Пока нет визуализации NavGraph
18. Переходы по параметрам
19. Как сделать код более чище Индивидуальный подход
20. Реализация NavigationCommand Повторяем дома
21. NavigationManager Используем силу Kotlin Coroutines
22. NavigationManager Привязываем к Activity
23. NavigationManager Передаем navHostController
24. Modular Navigation with Jetpack Compose medium.com
25. Архитектура
26. 1 Activity + n * Compose Screen Как было изначально Activity Fragment A Fragment B Fragment A Fragment B ViewModel A ViewModel B Activity Lifecycle Fragments Lifecycle ViewModel Lifecycle
27. 1 Activity + n * Compose Screen А теперь вот так Activity Screen A Screen B Screen A Screen B Screen A ViewModel Screen B ViewModel Activity Lifecycle Fragments Lifecycle ViewModel Lifecycle
28. 1 Activity + n * Compose Screen Должен быть NavHost Activity Screen A Screen B Screen A Screen B Screen A ViewModel Screen B ViewModel Activity Lifecycle Fragments Lifecycle ViewModel Lifecycle NavHost
30. NavType Какие типы поддерживаются Integer Float Long Boolean String Resource reference Parcelable Serializable Enum
31. Deep Linking AndroidManifest.xml
32. Deep Linking NavHost
33. Navigation Options Navigate
34. Navigation Options Navigate A B C A Stack
35. Navigation Options Navigate A B C A Stack B Navigate
36. Navigation Options Navigate A B C A Stack B C Navigate
37. Navigation Options Navigate A B C A Stack B C Navigate A
38. Navigation Options PopUpTo
39. Navigation Options PopUpTo A B C A Stack
40. Navigation Options PopUpTo A B C A Stack B Navigate
41. Navigation Options PopUpTo A B C A Stack B C Navigate
42. Navigation Options PopUpTo A B C A Stack B C navigate(“A”) { popUpTo(“A”) }
43. Navigation Options PopUpTo A B C A Stack navigate(“A”) { popUpTo(“A”) } A
44. Navigation Options PopUpTo & Inclusive
45. Navigation Options PopUpTo & Inclusive A B C A Stack
46. Navigation Options PopUpTo & Inclusive A B C A Stack B Navigate
47. Navigation Options PopUpTo & Inclusive A B C A Stack B C Navigate
48. Navigation Options PopUpTo & Inclusive A B C A Stack B C navigate(“A”) { popUpTo(“A”) { inclusive = true } }
49. Navigation Options PopUpTo & Inclusive A B C A Stack navigate(“A”) { popUpTo(“A”) { inclusive = true } }
50. Полезные ссылки • Modular Navigation with Jetpack Compose: Joe Birch 
 https://medium.com/google-developer-experts/modular-navigation-with- jetpack-compose-fda9f6b2bef7 • Jetpack Compose: Navigation with Alex Zhukovich
 https://www.youtube.com/watch?v=dYTfYGwINlo • Jetpack Compose Navigation: code lab from Google
 https://developer.android.com/codelabs/jetpack-compose-navigation