格式化选择器（颜色和字体大小）

Question

这一定是最 NOOB 的问题之一。我想更改 Picker 的前景色、背景色和字体大小

Xcode 版本 14.2 (14C18)

macOS 13.2.1 (22D68)

struct ContentView: View {
    private let numberOfIntervals = [
        "1 Interval",
        "2 Intervals",
        "3 Intervals",
        "4 Intervals"
    ]  
    @State var selectedInterval: String = "1"

    var body: some View {
            Picker ("Choose an Interval", selection: $selectedInterval) {
                ForEach (numberOfIntervals, id: \.self) { intervals in
                    Text (intervals)
                        .font(.largeTitle) // this does not change anything
                }
                .padding()
        }
    }

}

Answer 1

在单独的视图中用修饰符包裹

Text

struct PickerRow: View {
    let text: String
    var body: some View {
        Text(text)
            .foregroundColor(.red)
            .font(.headline)
            .italic()
    }
}

并将其与您的选择器代码一起使用

Picker ("Choose an Interval", selection: $selectedInterval) {
    ForEach (numberOfIntervals, id: \.self) { intervals in
         PickerRow(text: intervals)
    }
}

Answer 2

我怀疑它需要的不仅仅是这个。以下代码不会更改选择器。

struct ContentView: View {
        private let numberOfIntervals = [
        "1 Interval",
        "2 Intervals",
        "3 Intervals",
        "4 Intervals"
        ]
    
    @State var selectedInterval: String = "1"
    
    var body: some View {
        
        Picker ("Choose an Interval", selection: $selectedInterval) {
            ForEach (numberOfIntervals, id: \.self) { intervals in
                PickerRow(text: intervals)
            }
        
        }
    }
    struct PickerRow: View {
        let text: String
        var body: some View {
            Text(text)
                .foregroundColor(.red)
                .font(.headline)
                .italic()
        }
    }
}