Question

我正在尝试使用 LazyColumn 在列表中显示订单列表。代码如下：

@Composable
private fun MyOrders(
    orders: List<Order>?,
    onClick: (String, OrderStatus) -> Unit
) {
    orders?.let {
        LazyColumn {
            items(
                items = it,
                key = { it.id }
            ) {
                OrderDetails(it, onClick)
            }
        }
    }
}

@Composable
private fun OrderDetails(
    order: Order,
    onClick: (String, OrderStatus) -> Unit
) {
    println("Composing Order Item")
    // Item Code Here
}

这里是方法，我称之为可组合：

orderVm.fetchOrders()
val state by orderVm.state.collectAsState(OrderState.Empty)

if (state.orders.isNotEmpty()) {
    MyOrders(state.orders) {
        // Handle status change click listener
    }
}

我获取所有订单并显示在 LazyColumn 中。但是，当更新单个订单时，整个 LazyColumn 会重新组合。这是我的 ViewModel 看起来像：

class OrderViewModel(
    fetchrderUseCase: FetechOrdersUseCase,
    updateStatusUseCase: UpdateorderUseCase
) {

    val state = MutableStateFlow(OrderState.Empty)

    fun fetchOrders() {
        fetchrderUseCase().collect {
            state.value = state.value.copy(orders = it.data)
        }
    }

    fun updateStatus(newStatus: OrderStatus) {
        updateStatusUseCase(newStatus).collect {
            val oldOrders = status.value.orders
            status.value = status.value.copy(orders = finalizeOrders(oldOrders))
        }
    }
}

注意：finalizeOrders() 会根据 orderId 进行一些列表操作，以使用更新后的订单更新订单。

我的状态是这样的：

data class OrderState(
    val orders: List<Order> = listOf(),
    val isLoading: Boolean = false,
    val error: String = ""
) {
    companion object {
        val Empty = FetchOrdersState()
    }
}

如果我的数据库中有 10 个订单并且我更新了一个订单的状态（比如第 5 个项目），那么 OrderDetails 会被调用 20 次。不知道为什么。 Caan 我对其进行了优化，以确保仅重组第 5 个索引项，并且仅使用新订单调用 OrderDetals。

Answer 1

Order 类是否稳定？如果不是，这可能是所有项目都重新组合的原因：

<块引用>

如果所有输入稳定且未更改，Compose 将跳过可组合项的重新组合。比较使用equals方法

撰写文档中的

This section 解释了什么是 stable 类型以及如何跳过重组。

注意：如果你滚动一个懒惰的列表，所有不可见的项目都会被销毁。这意味着如果您向后滚动，它们将被重新创建而不是重新组合（即使输入是 stable，您也不能跳过重新创建）。

撰写：LazyColumn 在单个项目更新时重组所有项目

1 个答案: