android - 从 Firestore 获取单词不会更新 LazyColumn Jetpack Compose

Question

@Composable
fun getData() {
        var wordData = arrayListOf<Word>()
        db.get().addOnSuccessListener { documents ->
            for (document in documents) {
                wordData.add(document.toObject(Word::class.java))
            }
        }
        LazyColumn {
            items(wordData) {  word ->
                WordCard(word = word)
            }
        }
    }

我想使用 Lazy Column 来显示我所有的单词数据，这些是我的 WordCard 代码。

@Composable
fun WordCard(word: Word) {
    Text(text = word.word, color = Color.Black, modifier = Modifier.background(Color.Gray).padding(12.dp))
}

Answer 1

不确定这是否是 firebase 问题，但我注意到了这一点。

var wordData = arrayListOf<Word>()

您只是将元素添加到标准集合结构中，而不是组合可以观察状态变化以更新您的 LazyColumn 的东西。

所以请使用 SnapshotStateList 将其更改为这个并将其包装到 remember{…} 这样列表就不会在成功的重新组合时重新初始化

val wordData = remember { mutableStateListOf<Word>() }