Android Compose 中如何自定义调整 Dialog 对话框的宽度

你已经用到的DialogProperties.usePlatformDefaultWidth = false是实现自定义宽度的必要前提，关闭系统默认的宽度限制后，只需要给Dialog内部的根容器设置你需要的宽度约束即可，不需要额外依赖其他组件。

方式1：设置固定宽度 #

直接给Dialog内部的最外层容器指定固定dp值的宽度即可：

Dialog(
    onDismissRequest = { /* 此处写弹窗关闭逻辑 */ },
    properties = DialogProperties(usePlatformDefaultWidth = false)
) {
    Card(
        modifier = Modifier.width(320.dp),
        shape = RoundedCornerShape(16.dp)
    ) {
        // 此处编写你的Dialog内容
        Text(
            text = "自定义固定宽度Dialog",
            modifier = Modifier.padding(24.dp)
        )
    }
}

方式2：按屏幕比例设置自适应宽度 #

如果需要适配不同尺寸的屏幕，可以使用fillMaxWidth的比例参数设置占屏幕宽度的百分比：

Dialog(
    onDismissRequest = { /* 此处写弹窗关闭逻辑 */ },
    properties = DialogProperties(usePlatformDefaultWidth = false)
) {
    Card(
        // 宽度占当前屏幕可用宽度的80%
        modifier = Modifier.fillMaxWidth(0.8f),
        shape = RoundedCornerShape(16.dp)
    ) {
        // 此处编写你的Dialog内容
    }
}

注意事项 #

• 不要直接给Dialog组件本身的modifier设置宽度约束，Compose中Dialog组件的modifier不会作用于弹窗容器本身，所有布局配置都需要加在Dialog内部的第一个子组件上。
• 如果宽度配置不生效，请优先检查是否将usePlatformDefaultWidth设为false，该属性默认值为true，会强制覆盖自定义的宽度配置。

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