TGViewer
Мобильная разработка Мобильная разработка @mobi_dev · 13.2K subscribers
Post #4776 549
Как связать список и экран деталей анимацией в Jetpack Compose

Схема интеграции с Navigation Compose: SharedTransitionLayout размещают над NavHost, а элементам списка и экрана деталей задают одинаковый ключ по ID. Compose сопоставляет их и анимирует положение и размер.

Для одного изображения подходит sharedElement, для карточки с меняющимся содержимым — sharedBounds. Не используйте индекс списка как ключ: после перестановки элементы могут связаться неверно.

Длительность лучше держать в пределах 300–400 мс и учитывать системное отключение анимаций.
More from @mobi_dev
  1. Sep 28, 2026Как ускорить первый кадр камеры в iOS 26 с AVFoundation Apple предлагает разделить запуск…
  2. Sep 28, 2026Как загружать локальный HTML в SwiftUI WebView через свою URL-схему В iOS 26 у SwiftUI поя…
  3. Sep 27, 2026Как встроить генерацию изображений через Image Playground в iOS-приложение Фреймворк Image…
  4. Sep 27, 2026Как передавать контент между iOS-приложениями через Siri Чтобы Siri могла отдать сущность…
  5. Sep 27, 2026Как собрать фильтры и индикаторы в Android на Compose Material 3 В Compose Material 3 есть…
  6. Sep 26, 2026Как Baseline Profiles ускоряют запуск и прокрутку Android-приложений ART сначала интерпрет…
Threads Profile ViewerView any public Threads profile without an account.Open ThreadLook →Writing with AI? Make it sound human.Metric37 rewrites AI drafts so they read naturally. Free AI detector, 1,500 words free.Try Metric37 →