Android Compose中如何禁用ModalBottomSheet的拖拽行为

你遇到的问题很常见——直接给Modifier设置draggable无效，因为ModalBottomSheet的拖拽逻辑是内部封装的，优先级高于自定义手势修饰符。下面是两种可行的解决方案：

方案1：直接禁用BottomSheet的拖拽交互 #

ModalBottomSheet组件本身提供了enabled参数，设置为false即可直接禁用拖拽行为，同时保留内部控件的交互能力：

val sheetState = rememberModalBottomSheetState(skipPartiallyExpanded = false)
val scope = rememberCoroutineScope()

ModalBottomSheet(
    onDismissRequest = { scope.launch { sheetState.hide() } },
    sheetState = sheetState,
    enabled = false // 核心：禁用拖拽
) {
    // BottomSheet内容，内部按钮等交互不受影响
    Column(modifier = Modifier.padding(16.dp)) {
        Text("不可拖拽的BottomSheet")
        Button(onClick = { /* 按钮正常工作 */ }) {
            Text("点击测试")
        }
    }
}

方案2：消费所有触摸事件（适合完全屏蔽BottomSheet交互的场景） #

如果需要完全阻止BottomSheet区域的所有触摸交互（包括内部控件），可以在内容根布局添加pointerInput修饰符，消费所有手势事件：

ModalBottomSheet(
    onDismissRequest = { scope.launch { sheetState.hide() } },
    sheetState = sheetState
) {
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .pointerInput(Unit) {
                awaitPointerEventScope {
                    while (true) {
                        awaitPointerEvent()
                        consumeAllChanges() // 消费所有触摸事件，阻止拖拽
                    }
                }
            }
            .padding(16.dp)
    ) {
        Text("完全屏蔽触摸的BottomSheet")
        // 这里的按钮会无法点击，因为触摸事件被消费了
        Button(onClick = { /* 不会触发 */ }) {
            Text("点击无效")
        }
    }
}

注意：方案1是更常用的场景，既能禁用拖拽，又不影响内部控件的正常交互；方案2适合不需要BottomSheet内部有任何交互的情况。

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