Jetpack Compose：点击按钮后LazyColumn文本删除线不自动更新

你的问题核心是Jetpack Compose的状态管理没做对，导致UI无法自动响应列表变化。下面是具体问题和修正方案：

问题点 #

1. 状态感知失效：你用mutableStateOf(deletedTasks)包装了普通MutableList，但添加元素时列表本身的引用没有改变，Compose无法感知到内容变化。
2. 状态与判断脱节：你更新的是rememberTask.value，但判断文本样式时用的是原始的deletedTasks，两者没有关联。
3. 状态分散：每个toDoItem都创建了独立的rememberTask状态，导致不同条目之间的删除状态不共享，也无法触发全局UI重组。

修正方案 #

1. 改用可观察的状态列表

把deletedTasks定义为Compose提供的mutableStateListOf，它能自动通知Compose列表内容的变化。在父Composable中初始化：

val deletedTasks = remember { mutableStateListOf<Task>() }

2. 修改toDoItem组件

删除组件内部的独立状态，直接使用上层传递的deletedTasks，并简化样式判断逻辑：

fun toDoItem(title: String, category: String, task: Task, deletedTasks: MutableList<Task>) {
    Surface(...) {
        Column(...) {
            Row {
                Column(...) {
                    val baseStyle = MaterialTheme.typography.h4.copy(fontWeight = FontWeight.Bold)
                    Text(
                        text = title,
                        style = if (deletedTasks.contains(task)) {
                            baseStyle.copy(textDecoration = TextDecoration.LineThrough)
                        } else {
                            baseStyle
                        }
                    )
                }
                IconButton(onClick = {
                    // 避免重复添加任务
                    if (!deletedTasks.contains(task)) {
                        deletedTasks.add(task)
                    }
                }) {
                    Icon(imageVector = Icons.Filled.Check, contentDescription = "标记完成")
                }
            }
        }
    }
}

3. 更新recyclerView传递状态

把全局的deletedTasks传递给每个toDoItem：

fun recyclerView(tasks: MutableList<Task>, deletedTasks: MutableList<Task>) {
    LazyColumn(modifier = Modifier.padding(vertical = 10.dp, horizontal = 80.dp)) {
        items(items = tasks) { task ->
            toDoItem(task.title, task.category, task, deletedTasks)
        }
    }
}

关键说明 #

• mutableStateListOf是Compose专门设计的可观察集合，当列表内元素添加/删除时，会自动触发依赖该列表的UI重组。
• 确保Task是data class，这样contains方法能正确判断任务是否存在（data class会自动生成正确的equals方法）。
• 状态尽量在父组件统一管理，子组件仅负责接收状态和触发状态变更，避免状态分散导致的UI不一致。

内容的提问来源于stack exchange，提问作者Roh