Material3 DatePickerDialog容器宽度无法正常调整的问题求助

你遇到的问题核心是DatePicker组件本身带有默认的最小宽度约束，就算给DatePickerDialog设置了宽度，内部的DatePicker不会自动缩小，导致整体宽度没变化。要解决这个问题，需要同时给内部的DatePicker添加宽度约束，覆盖它的默认最小宽度。

修改后的代码 #

val datePickerState = rememberDatePickerState()
val confirmEnabled = derivedStateOf { datePickerState.selectedDateMillis != null }

DatePickerDialog(
    modifier = Modifier.width(200.dp),
    onDismissRequest = { openDialog = false },
    properties = DialogProperties(usePlatformDefaultWidth = false),
    confirmButton = {
        TextButton(
            onClick = { openDialog = false },
            enabled = confirmEnabled.value,
            colors = ButtonDefaults.buttonColors()
        ) {
            Text("OK")
        }
    },
    dismissButton = {
        TextButton(
            onClick = { openDialog = false },
            colors = ButtonDefaults.buttonColors()
        ) {
            Text("Cancel")
        }
    },
    colors = DatePickerDefaults.colors()
) {
    DatePicker(
        state = datePickerState,
        colors = DatePickerDefaults.colors(),
        // 关键：给DatePicker添加宽度约束，覆盖默认最小宽度
        modifier = Modifier
            .width(200.dp)
            .wrapContentSize()
    )
}

关键说明 #

• 必须给内部的DatePicker也设置Modifier.width()，因为它默认有最小宽度限制（手机端通常为320dp左右），不覆盖的话会撑满Dialog宽度，导致你的设置失效。
• wrapContentSize()可以让DatePicker在宽度足够小时自适应内容大小，避免布局挤压变形。
• 把Dialog的requiredWidth换成width，布局更灵活，不会强制固定宽度导致内容溢出。

内容的提问来源于stack exchange，提问作者Jozef Forgáč