如何为SwiftUI Picker视图内的Text元素设置自定义样式？

在Xcode 13（对应SwiftUI 3 / iOS 15及更低版本）中，系统默认的滚轮样式Picker会直接接管内部子元素的渲染逻辑，你给内部Text添加的foregroundColor、font等修饰符会被系统默认样式覆盖，因此不会生效。

方案1：局部修改Picker样式（优先推荐） #

不需要修改全局外观，直接将样式修饰符加在Picker组件本身，而非内部的Text元素上，同时显式指定选择器样式为滚轮样式即可：

struct TimerPicker: View {
    @Binding var customTime: CustomTime
    
    var body: some View {
        GeometryReader { geometry in
            HStack (spacing: 0.0){
                VStack {
                    Picker(selection: self.$customTime.selectedHour, label: Text("Hrs")) {
                        ForEach(0..<24) { hour in
                            Text("\(hour) hrs")
                        }
                    }
                    // 样式修饰符加在Picker上
                    .foregroundColor(.white)
                    .font(.title3)
                    .pickerStyle(.wheel)
                }
                .frame(width: geometry.size.width * 0.33)
                .clipped()
                
                VStack {
                    Picker(selection: self.$customTime.selectedMin, label: Text("Min")) {
                        ForEach(0..<61) { min in
                            Text("\(min) min")
                        }
                    }
                    .foregroundColor(.white)
                    .font(.title3)
                    .pickerStyle(.wheel)
                }
                .frame(width: geometry.size.width * 0.33)
                .clipped()
                
                VStack {
                    Picker(selection: self.$customTime.selectedSecond, label: Text("Sec")) {
                        ForEach(0..<61) { sec in
                            Text("\(sec) sec")
                        }
                    }
                    .foregroundColor(.white)
                    .font(.title3)
                    .pickerStyle(.wheel)
                }
                .frame(width: geometry.size.width * 0.33)
                .clipped()
                .transition(.scale)
            }
        } //: Geometry
    }
}

方案2：全局修改UIPickerView外观 #

如果你的App内所有滚轮选择器都需要统一的样式，可以通过底层UIKit的外观代理修改，只需要在App启动时调用一次即可，比如在App主结构的初始化方法中添加：

@main
struct YourApp: App {
    init() {
        // 通过KVC修改UIPickerView全局样式，可通过App Store审核
        UIPickerView.appearance().setValue(UIColor.white, forKey: "textColor")
        UIPickerView.appearance().setValue(UIFont.systemFont(ofSize: 20, weight: .regular), forKey: "font")
    }
    
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

如果你后续升级到Xcode 14+、适配iOS 16及以上版本，可以使用SwiftUI新增的pickerItemStyle修饰符，更灵活地自定义单个选择器项的样式，无需依赖UIKit接口。

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