Jetpack Compose中DatePicker设置padding后出现重叠显示问题

方法1：用官方自带的contentPadding参数（最靠谱） #

新版Material3的DatePicker本身就提供了contentPadding参数，专门用来设置内部内容的边距，根本不会破坏布局计算逻辑。直接这么写就行：

DatePicker(
    state = datePickerState,
    contentPadding = PaddingValues(horizontal = 16.dp, vertical = 24.dp),
    // 其他需要的参数
)

方法2：用Box包裹加Padding，给DatePicker留够最小尺寸 #

要是你非得在外面加Padding，别直接给DatePicker的modifier加，用Box把它包起来，给Box设Padding，同时给DatePicker设置minWidth和minHeight，保证内部控件有足够空间展开：

Box(
    modifier = Modifier.padding(16.dp)
) {
    DatePicker(
        state = datePickerState,
        modifier = Modifier
            .minWidth(320.dp)
            .minHeight(400.dp),
        // 其他参数
    )
}

注意最小尺寸得根据你加的Padding大小调整，别把内部空间挤太狠。

方法3：自定义各部分布局（进阶玩法） #

如果上面两种都满足不了你的需求，可以直接自定义DatePicker的各个区域布局，比如标题、日历部分，手动给每个区域加边距，完全不会影响整体布局：

DatePicker(
    state = datePickerState,
    title = {
        Box(modifier = Modifier.padding(start = 16.dp)) {
            Text("选择日期")
        }
    },
    calendar = { calendarState ->
        Box(modifier = Modifier.padding(horizontal = 16.dp)) {
            DatePickerCalendar(state = calendarState)
        }
    }
)

内容的提问来源于stack exchange，提问作者Eddy Yoel Fresno Hernández