Jetpack Compose状态提升后Switch点击无响应问题

• 状态提升实现不完整：仅将isChecked的当前值向下传递给了子组件MyPreference，没有同步传递状态更新的回调入口，子组件无法修改父作用域中持有、负责驱动UI重组的状态。
• toggleable的回调逻辑无效：代码中onValueChange = { isChecked }仅在lambda表达式中返回了当前isChecked的数值，没有执行任何状态修改操作，点击操作触发后不会更新mutableState的值，自然不会触发重组刷新Switch的选中态。
• 补充说明：给Switch组件设置onCheckedChange = null本身没有问题，这个写法是为了把整行的点击事件统一交给外层Row的toggleable处理，问题核心是这个toggleable的回调根本没写更新逻辑。

遵循Jetpack Compose状态提升的标准范式：状态向下传递，事件向上冒泡，做如下修改即可：

1. 给MyPreference组件新增一个类型为(Boolean) -> Unit的回调参数，用来接收选中态变更的事件，向上抛给父组件处理。
2. 修正Row的toggleable回调逻辑，选中态变化时调用传入的回调，把新的选中值传出去。
3. 父组件调用MyPreference时，传入对应lambda，在lambda里更新自己持有的isChecked状态，触发UI重组。

修复后的完整代码如下：

@Composable
fun PreferencesScreen(navController: NavController) {
    var isChecked by rememberSaveable { mutableStateOf(false) }

    Scaffold(
        topBar = {...},
        content = { contentPadding ->
            LazyColumn(modifier = Modifier.padding(contentPadding).fillMaxSize()) {
                item {
                    MyPreference(
                        isChecked = isChecked,
                        title = "Test preference",
                        onCheckedChange = { newCheckedState ->
                            // 更新父组件持有的状态，触发重组刷新UI
                            isChecked = newCheckedState
                        }
                    )
                }
            }
        },
        containerColor = MaterialTheme.colorScheme.background
    )
}

@Composable
fun MyPreference(
    isChecked: Boolean,
    title: String,
    onCheckedChange: (Boolean) -> Unit
) {
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .toggleable(
                value = isChecked,
                onValueChange = onCheckedChange
            ),
        verticalAlignment = Alignment.CenterVertically
    ) {
        Text(text = title, modifier = Modifier.weight(1f))
        Switch(checked = isChecked, onCheckedChange = null)
    }
}

小提示：代码里补了Row的垂直对齐和Text的weight修饰，属于UI体验优化，和Switch不响应点击的核心问题无关。

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