[SwiftUI]Picker(ピッカー)のスタイル(style)を設定するには？

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

Pickerの表示スタイルを設定する方法を紹介します。

方法
使用例

方法

Pickerの表示スタイルを設定するには、pickerStyle修飾子を使います。

まず、PickerにpickerStyleを付与します。

そして、pickerStyleの引数に用意されているPickerStyleのインスタンスを指定します。

Picker(・・・)
    .pickerStyle(PickerStyle())

pickerStyle修飾子にPickerStyleのインスタンスを指定することで、Pickerの表示スタイルを設定することができます。

用意されているPickerStyleは、次の７つです。

DefaultPickerStyle : デフォルト。バージョンごとに異なる
InlinePickerStyle：インラインの PickerStyle
MenuPickerStyle : メニューのPickerStyle
RadioGroupPickerStyle : ラジオボタンのPickerStyle（iOSでは使えない）
SegmentedPickerStyle : セグメント式のPickerStyle
WheelPickerStyle : ドラムロールのPickerStyle

使用例

以下は、使用例です。

struct ContentView: View {
    @State private var selectedIndex = 0
    
    var body: some View {
        VStack {
            Picker(selection: $selectedIndex, label: Text("")) {
                ForEach(0..<5) {
                    Text("Item \($0)")
                }
            }
            .pickerStyle(SegmentedPickerStyle())
            
            Picker(selection: $selectedIndex, label: Text("")) {
                ForEach(0..<5) {
                    Text("Item \($0)")
                }
            }
            .pickerStyle(WheelPickerStyle())
            
            Picker(selection: $selectedIndex, label: Text("")) {
                ForEach(0..<5) {
                    Text("Item \($0)")
                }
            }
            .pickerStyle(MenuPickerStyle())
        }
    }
}