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

Jetpack Compose: Update composable when list changes(Jetpack Compose:当列表更改时更新Composable)
本文介绍了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的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

How to target newer versions in .gitlab-ci.yml using auto devops (java 11 instead of 8 and Android 31 instead of 29)(如何在.gitlab-ci.yml中使用自动开发工具(Java 11而不是8,Android 31而不是29)瞄准较新的版本)
Android + coreLibraryDesugaring: which Java 11 APIs can I expect to work?(Android+core LibraryDesugering:我可以期待哪些Java 11API能够工作?)
How to render something in an if statement React Native(如何在If语句中呈现某些内容Reaction Native)
How can I sync two flatList scroll position in react native(如何在本机Reaction中同步两个平面列表滚动位置)
Using Firebase Firestore in offline only mode(在仅脱机模式下使用Firebase FiRestore)
Crash on Google Play Pre-Launch Report: java.lang.NoSuchMethodError(Google Play发布前崩溃报告:java.lang.NoSuchMethodError)