android - Jetpack 撰写 : Update composable when list changes

Question

我在屏幕上有一个可组合的，它显示了跟踪项目(收藏夹)的列表:

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

在点击事件上，我正在更新我的收藏夹列表(添加/删除项目)。我怎样才能让我的可组合立即反射(reflect)这些变化(比如重新绘制自己或类似的东西)？到目前为止，它仅在我第一次切换到另一个屏幕时才有效。
感谢您的投入!

Answer 1

您需要使用 MutableStateList<T> 这样 Compose 可以在状态发生变化时自动重构。
来自 official doc :

Caution: Using mutable objects such as ArrayList<T> or mutableListOf() as state in Compose will cause your users to see incorrect or stale data in your app.

在您的代码中使用

val favourites by mutableStateListOf<Track>()

代替

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