Jetpack Compose：当列表更改时更新Composable

Jetpack Compose: Update composable when list changes(Jetpack Compose：当列表更改时更新Composable)

问题描述

我有一个屏幕上显示曲目(收藏)列表的Composable：

var favourites: MutableList<Track> by mutableStateOf(mutableListOf())

@ExperimentalFoundationApi
@Composable
private fun ResultList(model: FreezerModel) {
    with(model) {
        if (favourites.isEmpty()) NoDataMessage("No favourites yet")
        else {
            LazyColumn(state = rememberLazyListState()) {
                items(favourites) {
                    TrackCard(it, model)
                }
            }
        }
    }
}

在点击事件上，我正在更新我的收藏夹列表(添加/删除项目)。我如何让我的Composable立即反映这些变化(比如重新绘制自身或类似的东西)？到目前为止，它只在我第一次切换到另一个屏幕时才起作用。

感谢您的投入！

推荐答案

您需要使用MutableStateList<T>，以便Compose可以在状态更改时自动重新编写。

发件人official doc：

警告：在Compose中使用可变对象(如ArrayList<T>或mutableListOf())作为状态将导致您的用户在您的应用中看到不正确或过时的数据。

在您的代码中使用

val favourites by mutableStateListOf<Track>()

而不是

var favourites: MutableList<Track> by mutableStateOf(mutableListOf())

这篇关于Jetpack Compose：当列表更改时更新Composable的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！