Jetpack Compose中禁用的Switch为何会消费点击事件？

Compose 中Modifier.clickable(enabled = false)的默认行为就是：不响应onClick回调，但仍然消费点击事件，阻止事件冒泡到父组件。而原生Switch内部正是用clickable修饰符处理点击交互，你传入非空的onCheckedChange时，内部就会绑定这个clickable修饰符，禁用状态下自然就会出现消费事件但不响应、也不透传的问题。

方案1：动态设置onCheckedChange（推荐） #

根据Switch的启用状态动态传入onCheckedChange的值，禁用状态下直接传null即可。原生Switch在onCheckedChange为null时，内部不会绑定clickable修饰符，事件会自然透传给父组件：

@Composable
fun DisabledSwitch() {
    // 控制Switch是否启用的状态，可根据实际业务替换
    val isSwitchEnabled = false
    Row(
        modifier = Modifier
            .fillMaxWidth()
            .clickable {
                // 父组件点击逻辑
            }
            .padding(16.dp),
        verticalAlignment = Alignment.CenterVertically,
        horizontalArrangement = Arrangement.SpaceBetween,
    ) {
        Text("Disabled Switch")
        Switch(
            checked = false,
            enabled = isSwitchEnabled,
            // 启用时传实际处理逻辑，禁用时传null
            onCheckedChange = if (isSwitchEnabled) { checked ->
                // 启用状态的开关切换逻辑
            } else null,
        )
    }
}

方案2：手动透传事件（适用于onCheckedChange必须非空的场景） #

如果你的业务封装要求onCheckedChange不能为null，可以给Switch加pointerInput修饰符，在禁用状态下主动放弃消费点击事件：

Switch(
    checked = false,
    enabled = false,
    onCheckedChange = {
        // 原有业务逻辑
    },
    modifier = Modifier.pointerInput(enabled) {
        if (!enabled) {
            awaitPointerEventScope {
                while (true) {
                    val event = awaitPointerEvent()
                    // 主动标记所有事件未消费，透传给上层
                    event.changes.forEach { it.consume() = false }
                }
            }
        }
    }
)

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