Jetpack Compose Material3实现全屏无拖拽手柄上方内边距的ModalBottomSheet

要解决skipPartiallyExpanded = true时拖拽手柄上方仍有内边距的问题，核心是覆盖ModalBottomSheet默认的内边距计算规则，同时移除拖拽手柄。以下是具体实现方案：

修改后的代码 #

val state = rememberModalBottomSheetState(skipPartiallyExpanded = true)
    
ModalBottomSheet(
    contentColor = MaterialTheme.colorScheme.onSurface,
    modifier = Modifier.fillMaxSize(), // 确保弹窗占满整个屏幕
    onDismissRequest = { /* 此处添加弹窗关闭逻辑 */ },
    sheetState = state,
    dragHandle = null, // 移除拖拽手柄
    contentPadding = PaddingValues(0.dp) // 彻底清除顶部默认内边距
) {
    // 底部弹窗内容示例
    Box(
        modifier = Modifier
            .fillMaxSize()
            .background(MaterialTheme.colorScheme.surface)
    ) {
        // 在这里添加你的具体内容
    }
}

关键说明 #

• 当skipPartiallyExpanded = true时，Material3的ModalBottomSheet会默认给内容区域添加对应拖拽手柄高度的顶部内边距，即使设置dragHandle = null，这个内边距也不会自动消失。
• 显式设置contentPadding = PaddingValues(0.dp)可以覆盖默认的内边距规则，完全移除顶部空白区域。
• 如果需要让内容延伸到状态栏/导航栏下方，可移除原代码中的safeDrawingPadding()；若要保留内容避开系统栏的效果，可替换为windowInsetsPadding(WindowInsets.systemBars)来精准控制。

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