Jetpack Compose全屏Dialog状态栏与导航栏留白填充方案求助

要消除全屏Dialog的状态栏和导航栏留白，只需调整Dialog的系统栏适配参数并修正布局的Insets处理，具体修改如下：

关键修改点 #

• 在DialogProperties中添加decorFitsSystemWindows = false，关闭系统自动给Dialog添加的系统栏内边距限制，允许内容延伸到系统栏区域
• 给根布局Box添加windowInsetsPadding(WindowInsets.systemBars)，让背景色填充系统栏对应的空间
• 保持内容区域的上下内边距，避免内容被状态栏/导航栏遮挡

修改后的完整代码 #

Dialog(
    onDismissRequest = onDismiss,
    properties = DialogProperties(
        usePlatformDefaultWidth = false,
        decorFitsSystemWindows = false // 允许Dialog内容延伸至系统栏区域
    )
) {
    Box(
        modifier = Modifier
            .fillMaxSize()
            .background(Color.White)
            .windowInsetsPadding(WindowInsets.systemBars) // 背景填充系统栏空间
    ) {
        Column(
            modifier = Modifier
                .fillMaxSize()
                .padding(
                    top = WindowInsets.statusBars.asPaddingValues().calculateTopPadding(),
                    bottom = WindowInsets.navigationBars.asPaddingValues().calculateBottomPadding()
                ),
            verticalArrangement = Arrangement.Center,
            horizontalAlignment = Alignment.CenterHorizontally
        ) {
            Text("Your Dialog Content")
            Button(onClick = onDismiss) {
                Text("Dismiss")
            }
        }
    }
}

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