Jetpack Compose创建Switch组件状态时出现类型不匹配报错

报错来自两个写法错误：

• 你用var isChecked = remember { mutableStateOf(false) }声明状态时，isChecked本身是MutableState<Boolean>类型的对象，不是Boolean值，直接传给要求Boolean入参的MyPreference组件，自然会触发类型不匹配。
• 之后你把MyPreference的入参改成MutableState<Boolean>类型也没用：回调里写的isChecked = !isChecked逻辑本身不成立，!只能对Boolean值取反，没法直接操作MutableState对象，同时给MutableState类型的变量直接赋Boolean结果，又会触发反向的类型错误。
• 额外说明：Compose的状态提升规范要求子组件不要直接接收MutableState类型对象，只需要接收纯值和变更回调即可，否则会导致组件耦合度高、复用性差。

两种标准写法选一个就行，优先推荐第一种委托写法，代码更简洁。

写法1：使用by委托（推荐） #

把状态声明处的=换成by，借助Kotlin委托特性，isChecked会自动代理MutableState内部的value，直接就是Boolean类型，不需要手动调用.value。注意IDE会自动提示补全需要导入的状态委托扩展，直接确认导入即可。
修复后代码：

// 依赖以下两个扩展，新版Android Studio会自动补全导入
// import androidx.compose.runtime.getValue
// import androidx.compose.runtime.setValue

@Composable
fun PreferencesScreen(navController: NavController) {
    // 用by代替=，此时isChecked直接是Boolean类型
    var isChecked by remember { mutableStateOf(false) }

    Scaffold(
        topBar = { /* 原有TopBar逻辑不变 */ },
        content = {
            LazyColumn(modifier = Modifier
                .padding(it)
                .fillMaxSize()
            ) {
                item {
                    MyPreference(isChecked, "Test preference") { newValue ->
                        // 直接用回调返回的新状态值赋值即可
                        isChecked = newValue
                    }
                }
            }
        },
        containerColor = MaterialTheme.colorScheme.background
    )
}

// MyPreference的入参保持Boolean类型即可，不需要改成MutableState
@Composable
fun MyPreference(isChecked: Boolean, title: String, onCheckedChange: (Boolean) -> Unit) {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .toggleable(value = isChecked, onValueChange = onCheckedChange)
    ) {
        Text(text = title)
        Switch(checked = isChecked, onCheckedChange = null)
    }
}

注意：你原来写的回调{ isChecked = !isChecked }在委托写法下虽然能运行，但不推荐。toggleable回调会把最新的选中状态作为参数返回，直接使用参数赋值能避免闭包捕获旧状态导致的逻辑异常。

写法2：手动访问State的value属性 #

如果不想用委托，就保留=声明状态，注意把var改成val（MutableState对象本身实例不会变，变化的是内部存储的value值），所有读写状态的位置手动访问.value即可：

@Composable
fun PreferencesScreen(navController: NavController) {
    // State对象本身用val声明，不需要重新赋值
    val isChecked = remember { mutableStateOf(false) }

    Scaffold(
        topBar = { /* 原有TopBar逻辑不变 */ },
        content = {
            LazyColumn(modifier = Modifier
                .padding(it)
                .fillMaxSize()
            ) {
                item {
                    // 传参时取.value拿到Boolean值
                    MyPreference(isChecked.value, "Test preference") { newValue ->
                        // 更新状态时修改.value属性
                        isChecked.value = newValue
                    }
                }
            }
        },
        containerColor = MaterialTheme.colorScheme.background
    )
}
// MyPreference组件代码和写法1完全一致，不需要修改

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