Android Compose如何捕获ModalBottomSheetLayout外部点击事件？

你的猜测没错，ModalBottomSheetLayout的半透明遮罩（scrim）会优先消费触摸事件，导致父布局的点击监听器无法捕获外部区域的点击。下面提供两种可行的解决方法：

方法一：利用遮罩点击的默认行为结合状态监听 #

默认情况下，点击遮罩会触发BottomSheet关闭，如果你只需要在用户点击外部时执行逻辑（比如伴随关闭操作），可以通过监听sheetState的可见状态变化来实现：

LaunchedEffect(sheetState.isVisible) {
    if (!sheetState.isVisible) {
        // 可结合额外状态区分是点击遮罩还是拖拽导致的关闭
        Log.e("TAG", "点击外部区域触发了Sheet关闭")
    }
}

// 原布局代码
Box(Modifier.fillMaxSize()) {
    ModalBottomSheetLayout(
        sheetState = sheetState,
        sheetContent = { content() }
    )
}

方法二：自定义拦截触摸事件（精准捕获外部点击） #

如果你需要在不关闭Sheet的情况下捕获外部点击，或者要精准区分点击位置，可以通过pointerInput结合PointerEventPass.Initial来优先拦截事件，同时禁用默认的遮罩点击行为：

Box(
    modifier = Modifier
        .fillMaxSize()
        .pointerInput(Unit) {
            awaitPointerEventScope {
                while (true) {
                    val event = awaitPointerEvent(PointerEventPass.Initial)
                    // 只处理按下事件，且Sheet处于显示状态
                    if (event.type == PointerEventType.Press && sheetState.isVisible) {
                        val tapPosition = event.changes.first().position
                        // 获取Sheet在窗口中的边界
                        val sheetBounds = sheetState.requireCoordinates().boundsInWindow()
                        // 判断点击位置是否在Sheet之外
                        if (!sheetBounds.contains(tapPosition)) {
                            Log.e("TAG", "点击了外部区域")
                            // 可选：如果需要保留默认关闭行为，手动调用
                            // sheetState.hide()
                        }
                    }
                }
            }
        }
) {
    ModalBottomSheetLayout(
        sheetState = sheetState,
        sheetContent = { content() },
        // 禁用默认的遮罩点击关闭，避免与自定义逻辑冲突
        scrimClickable = false
    )
}

注意：sheetState.requireCoordinates()需要确保Sheet已经显示，否则会抛出异常，可通过sheetState.isVisible的判断提前规避。

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