我有想要在列表中显示的产品单元,我使用了 LazyColumn 但性能很糟糕,我找不到它为什么这么慢。然后我将 LazyColumn 切换为 Column,突然间滚动变得超级平滑
LazyColumn 版本:
LazyColumn() {
items(cartItems, key = {it.cartItem.id}) { cartItemData ->
CartItemWithActions(data = cartItemData)
Divider(color = colorResource(id = R.color.separator_line))
}
}
专栏版本
val state = rememberScrollState()
Column(modifier = Modifier.verticalScroll(state)) {
cartItems.forEach { cartItemData ->
CartItemWithActions(data = cartItemData)
Divider(color = colorResource(id = R.color.separator_line))
}
}
CartItemWithActions 是我的产品单元,其中包含我使用滑动和几个文本加载的图像
LazyColumn 版本的 HWUI
HWUI 列
任何人都可以提示为什么 LazyColumn 比 Column 慢吗?
更新
以这种方式设置 LazyColumn 时,LazyColumn 滚动效果似乎更好
LazyColumn() {
items(
count = cartItems.size,
key = {
cartItems[it].cartItem.id
},
itemContent = { index ->
val cartItemData = cartItems[index]
CartItemWithActions(data = cartItemData)
Divider(
color = colorResource(id =R.color.separator_line)
)
}
)
}
看来以这种方式初始化 LazyColumn 解决了我的问题
LazyColumn() {
items(
count = cartItems.size,
key = {
cartItems[it].cartItem.id
},
itemContent = { index ->
val cartItemData = cartItems[index]
CartItemWithActions(data = cartItemData)
Divider(
color = colorResource(id =R.color.separator_line)
)
}
)
}
但是我还是不知道为什么
是的,很奇怪没有人谈论这个。普通列比惰性列快 5 倍且流畅。问题是在正常列冻结屏幕中加载数据时,例如 50 张卡 2 秒,但在 0 冻结或减慢等之后。
对于这个问题,最好在列表上显示一个简短的加载。我认为长名单并不是什么奇怪的事情。比滞后的列表好得多。 我的意思是在一个框中声明lazyColumn和加载页面(加载页面完全覆盖lazyColumn)