Валерий Белавенцев — Навигация в Jetpack Compose с использованием Navigation Component

Transcript

1. Ozon Tech, 2023 Валерий Белавенцев Старший Android-разработчик
2. Опыт: • С 2022 в Ozon – приложение для сотрудников ПВЗ • С 2019 по 2022 в Сбере – СберМобайл и СберБанк Онлайн • С 2015 по 2018 – спортивное программирование Интересные проекты:  Приложение с замером габаритов пластиковых окон через AR для производства в Подмосковье  Google Play Instant-приложение для посетителей системы для кафе и ресторанов  Приложение системы мониторинга для интернет-провайдера
3. • Обзор • Пример использования в Compose • Обзор • Проблемы и решения • Делегирование загрузки данных • Сценарий валидации данных • Навигация – это UI
5. Обзор Navigation Component - набор библиотек для унификации и упрощения навигации Библиотеки: • navigation-common​, navigation-runtime, … • navigation-fragment (март 2019) • navigation-compose (январь 2022) Ключевые сущности: • Navigation graph • NavHost • NavController https://developer.android.com/guide/navigation​
6. Сущности • Destination: то, что видит пользователь • Navigation graph: набор destination • NavHost: Composable-контейнер для отображения destination из графа • NavController: объект для управления переключением destination в NavHost
8. Пример использования
9. Пример использования На данный момент нет проверки во время компиляции https://developer.android.com/guide/navigation/navigation-type-safety
11. Основные принципы Аргументы: • Задаются в route по аналогии с deeplink • Обязательные: route/{param} или опциональные: route?param={param} • По умолчанию разбираются как строки • Извлекаются из BackStackEntry или SavedStateHandle https://developer.android.com/jetpack/compose/navigation
12. Параметры аргументов • Для опционального необходимо явно задавать navArgument с defaultValue или nullable • Можно задать тип аргумента с помощью type • Следует избегать сложных собственных типов https://developer.android.com/guide/navigation/navigation-pass-data
14. Проблема 1. Символы java.lang.IllegalArgumentException: Navigation destination that matches request NavDeepLinkRequest{ uri=android- app://androidx.navigation/second// } cannot be found in the navigation graph NavGraph(0x0) startDestination={Destination(0xa211a343) route=first} Значение: “John/Johnny” https://issuetracker.google.com/issues/238336706
15. Проблема 1. Символы https://issuetracker.google.com/issues/238336706
16. Решение 1. Кодирование символов Значение: “John/Johnny” Success
17. Проблема 2. Пустая строка java.lang.IllegalArgumentException: Navigation destination that matches request NavDeepLinkRequest{ uri=android- app://androidx.navigation/second/ } cannot be found in the navigation graph NavGraph(0x0) startDestination={Destination(0xa211a343) route=first} Значение: “”
18. Решение 2. Опциональный аргумент Значение: “” Success
19. Проблема 3. Null строка Значение: null Param: “null”
20. Решение 3. Route без аргументов Param: defaultValue = null
23. Делегирование загрузки данных
24. Преимущества делегирования загрузки • Проще логика экранов • Лучше разделение ответственностей • Меньше и примитивнее аргумент для второго экрана • Меньше связанности компонентов • Быстрее процесс пересоздания • Предупреждение TransactionTooLargeException
26. Сценарий валидации данных
27. Сценарий валидации данных Не работает переход назад
28. Сценарий валидации данных https://developer.android.com/topic/architecture/ui-layer/events#navigation-events
29. Через @Composable Через ViewModel Зачем так сложно?
30. Навигация – это UI Почему navController вызывается из @Composable? Согласно видению Google, навигация относится к UI, а не к бизнес-логике Почему навигация относится к UI? Это позволяет адаптировать навигацию под разные устройства В каком случае навигацию можно отнести к бизнес- логике? Если UI не адаптируется под форм-фактор устройства https://developer.android.com/large-screens/gallery
32. Аспекты • Целевой форм-фактор – смартфоны • UI не адаптируется под форм-фактор • Много сценариев с валидацией данных • 10+ feature-модулей • 1-2 аргумента на destination в среднем • Навигация - через ViewModel • Feature-модули имеют собственные подграфы • Собственная иерархия классов для безопасности типов аргументов Решения
33. Навигация через ViewModel
34. Feature-подграфы
35. Безопасность типов аргументов
37. • Используйте Uri.encode • Делайте типы аргументов проще • Делегируйте загрузку данных • Делайте строковые аргументы опциональными • Используйте отдельный route для передачи null в строковом аргументе • Инкапсулируйте работу с аргументами • Помните про boolean-флаг для навигации назад • Используйте подграфы • Заранее оценивайте допустимость навигации через ViewModel
39. vbelaventsev@ozon.ru t.me/vbelaventsev Валерий Белавенцев Старший Android-разработчик