Как связать список и экран деталей анимацией в Jetpack Compose
Как связать список и экран деталей анимацией в Jetpack Compose Схема интеграции с Navigation Compose: SharedTransitionLayout размещают над NavHost, а элементам списка и экрана деталей задают одинаковый ключ по ID. Compose сопоставляет их и анимирует положение и размер. Для одного изображения подходит sharedElement, для карточки с меняющимся содержимым — sharedBounds. Не используйте индекс списка как ключ: после перестановки элементы могут связаться неверно. Длительность лучше держать в пределах 300–400 мс и учитывать системное отключение анимаций.
23 просмотров