Android Jetpack Compose：禁用ModalBottomSheet外部触摸与拖拽

Jetpack Compose 实现方案 #

在Jetpack Compose里，ModalBottomSheet的关闭行为可以通过状态配置和回调控制：

• 禁止点击外部关闭：在ModalBottomSheet的onDismissRequest回调中留空实现，不执行任何关闭逻辑即可阻止点击外部遮罩层关闭弹窗。
• 禁止拖拽关闭：创建ModalBottomSheetState时将isDraggable设为false，同时可以把dragHandle设为null，隐藏拖拽手柄强化视觉提示。

示例代码：

val sheetState = rememberModalBottomSheetState(
    initialValue = ModalBottomSheetValue.Expanded,
    skipPartiallyExpanded = true,
    isDraggable = false // 禁用拖拽功能
)

ModalBottomSheet(
    onDismissRequest = {}, // 空实现，点击外部不触发关闭
    sheetState = sheetState,
    dragHandle = null, // 隐藏拖拽手柄
    content = {
        Text("无法通过点击外部或拖拽关闭的弹窗内容")
    }
)

如果使用旧版Compose，isDraggable参数可能不在状态构造方法中，可通过LaunchedEffect禁用拖拽：

LaunchedEffect(Unit) {
    sheetState.disableDrag()
}

Flutter 实现方案 #

Flutter的showModalBottomSheet可直接通过参数控制关闭行为：

• 禁止点击外部关闭：设置barrierDismissible为false，屏蔽外部遮罩层的关闭触发。
• 禁止拖拽关闭：设置enableDrag为false，禁用拖拽关闭逻辑。

示例代码：

showModalBottomSheet(
  context: context,
  barrierDismissible: false, // 点击外部不关闭
  enableDrag: false, // 禁止拖拽关闭
  builder: (BuildContext context) {
    return Container(
      height: 220,
      alignment: Alignment.center,
      child: const Text("无法通过点击外部或拖拽关闭的弹窗内容"),
    );
  },
);

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