LazyColumn比使用垂直滚动的列慢 [英] LazyColumn is slower than Column with vertical scroll

问题描述

我有想要在列表中显示的产品单元格，我用过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是我使用Glide和几个文本加载的带有图像的产品单元格

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)
            )
        }
    )
}

但是我还是不知道为什么

这篇关于LazyColumn比使用垂直滚动的列慢的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！