LazyColumn比垂直滚动的列慢

Question

我有我想在列表上显示的产品单元格，我使用了LazyColumn，但是性能很差，我找不到它为什么这么慢。然后我将LazyColumn切换到列，所有突然的滚动都是非常平滑的。

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比列慢的提示吗？

更新

以这种方式设置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)
            )
        }
    )
}

Answer 1

以这种方式初始化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)
            )
        }
    )
}

但是我还是不知道为什么