配置变更时如何保留含checked变量的数据类状态？

你的核心问题在于：将UI状态（checked）直接嵌入到数据类中，而数据类在配置变更（如屏幕旋转、分屏）时会被重新初始化，导致状态丢失。rememberSaveable是处理配置变更状态保存的正确工具，但需要将UI状态与数据模型分离，单独管理列表项的选中状态。

核心解决方案：分离数据与UI状态 #

1. 重构纯数据类 #

首先，把数据类还原为只存储业务数据的纯模型，移除checked状态字段——UI状态属于UI层，不应和业务数据耦合：

data class ListItem(
    val id: Int,
    val title: String
    // 移除原有的checked字段
)

2. 用rememberSaveable管理列表选中状态 #

在Composable中，使用mutableStateMap结合rememberSaveable来保存每个列表项的选中状态。用列表项的唯一ID作为Key，确保状态与项的对应关系稳定：

@Composable
fun CheckableListScreen(items: List<ListItem>) {
    // 保存每个item的选中状态，配置变更时自动恢复
    val checkedStates = rememberSaveable {
        mutableStateMapOf<Int, Boolean>().apply {
            // 初始化默认状态：所有项默认未选中
            items.forEach { put(it.id, false) }
        }
    }

    LazyColumn {
        items(items) { item ->
            ListItemRow(
                item = item,
                isChecked = checkedStates[item.id] ?: false,
                onToggle = {
                    // 点击切换选中状态
                    checkedStates[item.id] = !(checkedStates[item.id] ?: false)
                }
            )
        }
    }
}

@Composable
private fun ListItemRow(
    item: ListItem,
    isChecked: Boolean,
    onToggle: () -> Unit
) {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .clickable(onClick = onToggle)
            .padding(16.dp),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Text(text = item.title, modifier = Modifier.weight(1f))
        Icon(
            imageVector = if (isChecked) Icons.Filled.CheckCircle else Icons.Outlined.CheckCircle,
            contentDescription = if (isChecked) "已选中" else "未选中"
        )
    }
}

关键原理解释 #

1. rememberSaveable的作用：
   它会将状态序列化后保存到系统的Bundle中，在配置变更导致Composable重组时，自动从Bundle恢复状态，避免重置。

2. mutableStateMap的优势：
   这是一个可观察的集合，当其中的键值对变化时，会自动触发Composable重组，更新对应列表项的UI。同时用唯一ID作为Key，即使列表顺序变化、项动态添加/删除，状态也能正确关联到对应的项。

3. 数据与状态分离的必要性：
   数据类应只负责存储业务数据（如从接口、数据库获取的内容），UI状态（选中、展开等）属于视图层逻辑，单独管理能让代码更清晰，也避免了数据模型被UI状态污染。

动态列表的适配处理 #

如果你的列表是动态加载的（比如从网络异步获取），需要在列表更新时同步初始化新项的状态：

val items by viewModel.items.collectAsState()

// 当列表数据更新时，为新加入的项初始化默认状态
LaunchedEffect(items) {
    items.forEach { item ->
        if (!checkedStates.containsKey(item.id)) {
            checkedStates[item.id] = false
        }
    }
}

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