動畫 LazyColumn 和 LazyRow

Question

尚不支持在 Compose 中為LazyColumn和LazyRow中的項目LazyColumn動畫： https : //developer.android.com/jetpack/compose/lists#item-animations

關注問題跟蹤器： https : //issuetracker.google.com/issues/150812265

但是，在正式支持之前，我在潛在的解決方法上創建了一個小型 POC（檢查答案），它還遠未准備好生產並且肯定包含錯誤，但只是想分享我的小型游樂場項目

Answer 1

編輯：問題跟蹤器現在有一個使用修飾符的解決方案更新

剛剛在LazyColumn和LazyRow中LazyColumn動畫項目的LazyColumn解決方法，直到添加適當的支持：

https://github.com/RoudyK/AnimatedLazyColumn

DEF 尚未准備好生產，很高興得到任何反饋

編輯：

用法示例：

data class MainItem(
    val id: String,
    val text: String
)

val items = List(10) { MainItem(UUID.randomUUID().toString(), UUID.randomUUID().toString()) }
val state = rememberLazyListState()

AnimatedLazyColumn(
   state = state,
   items = items.map {
       AnimatedLazyListItem(key = it.id, value = it.text) {
           TextItem(viewModel, it)
       }
   }
)

AnimatedLazyRow(
   state = state,
   items = items.map {
       AnimatedLazyListItem(key = it.id, value = it.text) {
           TextItem(viewModel, it)
       }
   }
)