[SwiftUI]Picker(ピッカー)の背景色(background color)を変えるには？

[SwiftUI]Picker(ピッカー)の背景色を変えるには？

SwiftUI

2022.02.25

どうも、ちょげ(@chogetarou)です。

Pickerの背景色を変える方法を紹介します。

方法
使用例

方法

Pickerの背景色を変えるには、background修飾子を使います。

まず、Pickerにbackground修飾子を付与します。

そして、backgroundの引数に背景色を指定します。

Picker(・・・)
    .background(背景色)

background修飾子を使うことで、Pickerの背景色を変えることができます。

使用例

struct ContentView: View {
    
    @State private var selectedIndex = 0
    
    var body: some View {
        VStack {
            
            Picker(selection: $selectedIndex, label: Text("Select").foregroundColor(.red)) {
                ForEach(0..<3) {
                    Text("Item \($0)")
                }
            }
            .pickerStyle(WheelPickerStyle())
            .background(Color.red.opacity(0.3))
            
        }
    }
}