LazyColumn 比垂直滚动的 Column 慢

Question

我有要显示在列表中的产品单元格，我使用过 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)
            )
        }
    )
}

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

但是我还是不知道为什么

LazyColumn 比垂直滚动的 Column 慢

LazyColumn is slower than Column with vertical scroll

performance

android

kotlin

android-jetpack-compose

lazycolumn