繁体   English   中英

动画 LazyColumn 和 LazyRow

[英]Animated LazyColumn and LazyRow

尚不支持在 Compose 中为LazyColumnLazyRow中的项目LazyColumn动画: https : //developer.android.com/jetpack/compose/lists#item-animations

关注问题跟踪器: https : //issuetracker.google.com/issues/150812265

但是,在正式支持之前,我在潜在的解决方法上创建了一个小型 POC(检查答案),它还远未准备好生产并且肯定包含错误,但只是想分享我的小型游乐场项目

编辑:问题跟踪器现在有一个使用修饰符的解决方案更新

刚刚在LazyColumnLazyRowLazyColumn动画项目的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)
       }
   }
)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM