如何在Jetpack Compose中禁用ModalBottomSheet滑动关闭且不影响LazyColumn滚动

你之前使用的verticalScrollDisabled Modifier方案虽能禁用BottomSheet下滑关闭，但它拦截了所有垂直方向的指针事件，导致内部LazyColumn无法滚动，这确实不是合理的实现方式。以下是官方推荐的最佳实践：

官方方案：通过状态控制阻止滑动关闭 #

Jetpack Compose的ModalBottomSheetState提供了confirmStateChange参数，用于确认状态变更是否允许。我们可以利用这个参数，阻止BottomSheet从展开状态切换到隐藏状态，同时不影响内部组件的滚动交互。

具体代码示例 #

1. 创建带状态确认的BottomSheet状态：

val bottomSheetState = rememberModalBottomSheetState(
    initialValue = BottomSheetValue.Expanded,
    // 仅允许状态变更为非Hidden的状态，即禁止滑动关闭
    confirmStateChange = { newState -> newState != BottomSheetValue.Hidden }
)

2. 在ModalBottomSheet中使用该状态：

ModalBottomSheet(
    sheetState = bottomSheetState,
    // 若需禁用点击外部关闭，此处设为空实现；保留该功能则正常处理逻辑
    onDismissRequest = {}
) {
    // 内部LazyColumn可正常垂直滚动
    LazyColumn(modifier = Modifier.fillMaxWidth()) {
        items(50) { index ->
            Text(
                text = "列表项 $index",
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(horizontal = 16.dp, vertical = 12.dp)
            )
        }
    }
}

该方案的优势 #

• 属于官方提供的状态控制机制，契合Compose状态驱动的设计理念。
• 不会干扰内部组件的事件传递，LazyColumn等需要垂直滚动的组件可正常工作。
• 精准控制BottomSheet的状态变更，仅阻止关闭行为，不影响其他状态切换（比如存在半展开状态时，仍可正常切换）。

原方案的问题分析 #

原方案通过pointerInput拦截所有垂直方向的指针事件，相当于在整个BottomSheet上添加了事件拦截层，无论点击区域是BottomSheet空白处还是内部滚动组件，所有垂直滑动事件都会被消费，直接破坏了内部组件的交互能力，因此不推荐使用。

内容的提问来源于stack exchange，提问作者Ahmet Burak Ilhan