SwiftUI的DatePicker日期时间模式转场异常报约束错误如何解决

这个是SwiftUI在iOS 16及以上系统版本中的已知内部bug，当GraphicalDatePickerStyle类型的DatePicker同时开启.date和.hourAndMinute两个展示组件时，系统自动生成的内部布局约束会发生冲突，触发Unable to simultaneously satisfy constraints报错，进而导致视图转场时跳动。仅展示.date组件时UI结构更简单，不会触发约束冲突，因此表现正常。

以下两种方案都可以解决转场跳动问题，同时满足「无需跳转弹窗、直接展示日期+时间选择器」的需求：

方案1：预分配布局空间，避免条件插入视图 #

不要用if条件控制DatePicker的显隐（条件插入会触发系统转场布局动态计算，刚好触发约束冲突），改用opacity控制显隐，同时预先给DatePicker分配固定布局尺寸：

struct ContentView: View {
    @State var toggle = false
    @State var date = Date(timeIntervalSinceNow: 0)
    var body: some View {
        ZStack{
            Button("打开选择器"){
                withAnimation {
                    toggle.toggle()
                }
            }
            VStack{
                Spacer()
                DatePicker("选择时间", selection: $date, displayedComponents: [.date,.hourAndMinute])
                    .labelsHidden()
                    .datePickerStyle(GraphicalDatePickerStyle())
                    .frame(maxWidth: .infinity)
                    .frame(height: 400) // 可根据实际UI需求调整高度
                    .opacity(toggle ? 1 : 0)
                    // 可选：禁用系统自动添加的转场动画，彻底避免跳动
                    .transaction { $0.animation = nil }
            }
        }
    }
}

方案2：拆分选择器组件，完全规避系统bug #

如果想要更高的稳定性，不需要依赖系统的合并样式，可以将日期选择和时间选择拆分为两个独立组件，绑定同一个日期变量即可，布局完全可控：

// 日期选择模块
DatePicker("选择日期", selection: $date, displayedComponents: .date)
    .labelsHidden()
    .datePickerStyle(GraphicalDatePickerStyle())
// 时间选择模块
DatePicker("选择时间", selection: $date, displayedComponents: .hourAndMinute)
    .labelsHidden()
    .datePickerStyle(WheelDatePickerStyle())

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