SwiftUI中如何调整默认DatePicker的尺寸？

我之前也踩过这个坑！SwiftUI自带的DatePicker确实有点“倔”，直接给它加frame()经常达不到预期效果——这是因为它内部的滚轮/输入控件有自己的最小布局约束，会直接覆盖你设置的frame参数。下面给你两个实用的解决办法：

方法一：用scaleEffect快速缩放（简单高效） #

这是最快捷的方式，通过缩放整个DatePicker视图来改变大小，再配合frame()固定占位区域，避免布局偏移：

@State private var currentDate = Date()

var body: some View {
    DatePicker("", selection: $currentDate, displayedComponents: .hourAndMinute)
        .labelsHidden()
        .scaleEffect(0.8) // 调整缩放比例，0.8就是原大小的80%
        .frame(width: 150, height: 80, alignment: .center) // 固定整体区域
}

注意：缩放比例可以根据你的需求微调，比如0.7更小，1.2更大。

方法二：封装UIKit的UIDatePicker（精确控制） #

如果需要更精准的尺寸控制，或者默认DatePicker的样式满足不了需求，推荐用UIViewRepresentable封装UIKit的UIDatePicker——它对尺寸的支持更灵活，能完全按照你设置的宽高显示：

@State private var currentDate = Date()

struct CustomDatePicker: UIViewRepresentable {
    @Binding var date: Date
    var displayedComponents: DatePickerComponents
    
    func makeUIView(context: Context) -> UIDatePicker {
        let picker = UIDatePicker()
        // 根据设置的组件选择对应的模式
        picker.datePickerMode = displayedComponents == .hourAndMinute ? .time : .date
        picker.preferredDatePickerStyle = .wheels // 可选.inline/.compact等样式
        picker.addTarget(context.coordinator, action: #selector(Coordinator.onDateChanged(_:)), for: .valueChanged)
        // 直接设置你想要的尺寸
        picker.frame = CGRect(x: 0, y: 0, width: 150, height: 80)
        return picker
    }
    
    func updateUIView(_ uiView: UIDatePicker, context: Context) {
        uiView.date = date
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    class Coordinator: NSObject {
        private let parent: CustomDatePicker
        
        init(parent: CustomDatePicker) {
            self.parent = parent
        }
        
        @objc func onDateChanged(_ picker: UIDatePicker) {
            parent.date = picker.date
        }
    }
}

// 使用自定义DatePicker
var body: some View {
    CustomDatePicker(date: $currentDate, displayedComponents: .hourAndMinute)
}

这两种方法都能解决你遇到的问题，根据自己的需求选就行～

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