SwiftUI中.fullScreenCover展示DatePicker时高度闪烁问题

当使用.fullScreenCover弹出包含图形化样式（.graphical）DatePicker的视图时，会出现DatePicker高度突然闪烁变大的异常，仅在fullScreenCover场景下触发，常规显示/隐藏视图无此问题，适配最低iOS14版本。

解决方案 #

方案一：固定DatePicker高度

图形化DatePicker在iOS14+的高度相对固定，直接设置frame高度可避免布局重计算引发的闪烁：

.fullScreenCover(isPresented: $showDatePicker) {
    DatePicker("Date Picker",
               selection: $pickedDate,
               displayedComponents: [.date])
    .datePickerStyle(.graphical)
    .padding(.horizontal)
    .frame(height: 340) // 适配多数设备的固定高度，可根据实际调整
}

方案二：通过布局优先级约束

将DatePicker包裹在VStack中并设置布局优先级，让系统提前确定布局尺寸：

.fullScreenCover(isPresented: $showDatePicker) {
    VStack {
        DatePicker("Date Picker",
                   selection: $pickedDate,
                   displayedComponents: [.date])
        .datePickerStyle(.graphical)
        .padding(.horizontal)
    }
    .layoutPriority(1)
}

方案三：为根视图添加尺寸约束

借助GeometryReader匹配屏幕高度，给fullScreenCover的根视图设置最小高度约束：

.fullScreenCover(isPresented: $showDatePicker) {
    GeometryReader { geo in
        DatePicker("Date Picker",
                   selection: $pickedDate,
                   displayedComponents: [.date])
        .datePickerStyle(.graphical)
        .padding(.horizontal)
        .frame(minHeight: geo.size.height)
    }
}

问题原因 #

该闪烁源于fullScreenCover视图加载时，系统对图形化DatePicker的布局尺寸计算存在延迟，初始渲染高度偏小，随后修正为正确值，从而产生视觉闪烁。通过上述方式提前明确尺寸约束，可让系统初始渲染就使用正确高度，消除闪烁。

内容的提问来源于stack exchange，提问作者SM Arif Ahmed