更新 mutableStateList 中的项不会触发 UI 中的重组（LazyColumn）-解网

问：

我一直在为这个问题挠头。我有一个数据类，表示可以选择（或取消选择）的项目。

data class FilterItem(     
    val name: String,     
    val isSelected: Boolean 
)

我在 ViewModel 中创建了一个 mutableStateList 项，它创建了一个列表，并且可以通过可组合项访问。

val filterList = mutableStateListOf<FilterItem>()

 filterList.addAll(listOf(
            FilterItem("ABC", isSelected = false),
            FilterItem("DEF", isSelected = false)
))

我的可组合项访问列表 -

FilterLayout(
                filterList = viewModel.filterList
                )

@Composable
fun FilterLayout(
    filterList: SnapshotStateList<FilterItem>
){
.....
 itemsIndexed(filterList)) { index, it ->
                Row(
                    modifier = Modifier
                        .fillMaxWidth()
                        .padding(top = 15.dp)
                        .clickable {
                            setSelected(it.name)
                        },
                    horizontalArrangement = Arrangement.SpaceBetween,
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    Text(
                        text = it.name
                    )
                    Log.d("debug", "selected " + it.isSelected + "   " + it.name)
                    Checkbox(
                        isSelected = it.isSelected,
                        onCheckedChange = {},
                        modifier = Modifier.size(25.dp)
                    )
                }
            }
}

这里的问题是，当单击一个项目时，会调用 setSelected，这会更新列表（直到这里才好）。当我打印消息时，更改会反映在 logcat 中。这意味着列表正在更新和重组。我可以看到该项目在日志中被选中，但 Ui 没有反映这一点。有时它确实会立即反映，有时我必须单击其他行来触发重组，然后它就会反射。

下面是我的更新功能 -

fun setSelected(name: String) {
        viewModelScope.launch {
            val index = filterList.indexOfFirst { name == it.name }
            filterList[index] = filterList[index].copy(isSelected = !filterList[index].isSelected)
        }
    }

我尝试用 if-else 块替换复选框，仍然面临同样的问题 -if(it.isSelected) this icon else other icon

人造人 android-jetpack-compose lazycolumn android-jetpack-compose-lazy-列可变状态

@Composable
fun FilterLayout(
    filterList: SnapshotStateList<FilterItem>,
    setSelected: (String) -> Unit,
) {
    LazyColumn(modifier = Modifier.fillMaxSize()) {
        itemsIndexed(filterList) { index, filterItem ->
            Row(
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(top = 15.dp)
                    .clickable {
                        setSelected(filterItem.name)
                    },
                horizontalArrangement = Arrangement.SpaceBetween,
                verticalAlignment = Alignment.CenterVertically
            ) {
                Text(
                    text = filterItem.name
                )
                Log.d("debug", "selected " + filterItem.isSelected + "   " + filterItem.name)
                Checkbox(
                    checked = filterItem.isSelected,
                    // set on checked change to update selected state
                    onCheckedChange = { setSelected(filterItem.name) },
                    modifier = Modifier.size(25.dp)
                )
            }
        }
    }
}

上一个：将 mutablestate 传递给可组合函数是否最优？

下一个：关于对 SnapshotStateList 的原子化修改的问题

更新 mutableStateList 中的项不会触发 UI 中的重组（LazyColumn）

Updating item in a mutableStateList is not triggering recomposition in UI (LazyColumn)

评论

评论

更新 mutableStateList 中的项不会触发 UI 中的重组 （LazyColumn）

Updating item in a mutableStateList is not triggering recomposition in UI (LazyColumn)

评论

评论

更新 mutableStateList 中的项不会触发 UI 中的重组（LazyColumn）