Android中点击屏幕空白区域关闭BottomDrawer的实现方法

要实现点击未被BottomDrawer覆盖的区域关闭抽屉，你可以给BottomDrawer的外层内容区域添加点击事件，结合抽屉状态判断来触发关闭操作，具体修改如下：

修改后的代码 #

val drawerState = rememberBottomDrawerState(BottomDrawerValue.Collapsed)
val scope = rememberCoroutineScope()

BottomDrawer(
    drawerState = drawerState,
    gesturesEnabled = false,
    drawerContent = {
        LazyColumn {
            // 抽屉内部内容
        }
    }
) {
    LazyColumn(
        modifier = Modifier
            .clickable {
                // 仅当抽屉处于展开状态时执行关闭
                if (drawerState.isExpanded) {
                    scope.launch {
                        drawerState.close()
                    }
                }
            }
    ) {
        // 外层页面内容
    }
}

关键说明 #

• 使用rememberCoroutineScope启动协程，因为drawerState.close()是挂起函数，必须在协程环境中调用。
• 通过drawerState.isExpanded判断抽屉状态，避免在折叠状态下触发无效操作。
• 如果外层LazyColumn的子组件有自身的点击事件，子组件的点击会优先响应，不会干扰外层的关闭逻辑。

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