Jetpack Compose中如何从其他可组合函数访问状态？

在Jetpack Compose里，要让一个可组合函数访问另一个的内部状态，核心思路是状态提升（State Hoisting）——把状态移到两个组件的共同父组件中，再通过参数传递给子组件使用。

先看错误的示例（状态封装在子组件内，父组件无法访问） #

@Composable
fun MySwitch() {
    // 状态被封装在MySwitch内部，MyUi拿不到
    val checkedState = remember { mutableStateOf(false) }
    Switch(
        checked = checkedState.value,
        onCheckedChange = { checkedState.value = it }
    )
}

@Composable
fun MyUi() {
    Column {
        MySwitch()
        // 这里无法获取checkedState，没法控制Text显示内容
        Text(text = if (/* 缺少状态值 */) "已开启" else "已关闭")
    }
}

正确的状态提升写法 #

把checkedState移到共同父组件MyUi中，再把状态值和修改回调传给MySwitch：

@Composable
fun MyUi() {
    // 把状态放在需要使用它的最高层级（MyUi）
    val checkedState = remember { mutableStateOf(false) }
    
    Column {
        // 给MySwitch传递状态和修改回调
        MySwitch(
            checked = checkedState.value,
            onCheckedChange = { checkedState.value = it }
        )
        // 直接用状态控制Text显示
        Text(text = if (checkedState.value) "已开启" else "已关闭")
    }
}

// MySwitch不再持有状态，只负责渲染和转发用户操作
@Composable
fun MySwitch(
    checked: Boolean,
    onCheckedChange: (Boolean) -> Unit
) {
    Switch(
        checked = checked,
        onCheckedChange = onCheckedChange
    )
}

为什么要这么做？ #

• 符合Compose单向数据流原则：父组件持有状态，子组件通过回调通知修改，状态更新后再同步给所有依赖的组件，避免状态混乱。
• 提升组件复用性：MySwitch现在可以适配任意外部状态，不用绑定内部固定的状态逻辑。
• 方便测试：能轻松给MySwitch传入不同的checked值，验证不同状态下的UI表现。

如果是更复杂的跨组件/跨页面状态共享场景，可以考虑使用ViewModel或其他状态容器，但这种简单的跨组件访问，状态提升是最直接高效的方案。

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