[SwiftUI]Picker(ピッカー)のサイズ(size)を変える(change)には？

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

Pickerのサイズを変える方法を紹介します。

方法
使用例

方法

Pickerのサイズを変えるには、frame修飾子とclipped修飾子を使います。

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

次に、frameの引数「width」に横幅、引数「height」に高さを指定します。

Picker(・・・)
    .frame(width: /*横幅*/, height: /*高さ*/)

最後に、Pickerにclipped修飾子を付与します。

Picker(・・・)
    .frame(width: /*横幅*/, height: /*高さ*/)
    .clipped()

これでPickerのサイズが変わります。

使用例

以下は、使用例です。

struct ContentView: View {
    @State private var selectedIndex = 0
    
    var body: some View {
        VStack {
            Picker(selection: $selectedIndex, label: Text("")) {
                ForEach(0..<10) {
                    Text("Item \($0)")
                }
            }
            .pickerStyle(WheelPickerStyle())
            .frame(width: 100, height: 100)
            .clipped()
        }
    }
}