[SwiftUI]「Picker」を横に複数並べる方法

どうも、ちょげ（@chogetarou）です。

Pickerビューを横に並べる方法を紹介します。

方法
まとめ

方法

HStack {
                Picker(selection: $number, label: Text(""), content: {
                    ForEach(1..<6) { index in
                        Text("\(index)")
                            .tag(index)
                    }
                })
                .frame(width: 150, height: nil)
                .clipped()
                
                Picker(selection: $numberT, label: Text(""), content: {
                    ForEach(1..<6) { index in
                        Text("\(index)")
                            .tag(index)
                    }
                })
                .frame(width: 150, height: nil)
                .clipped()
            }

Pickerビューを横に並べるには、2つの段階が必要です。

まず、.frame()で横の幅を設定します。

これだけだけだとPickeは次のように重なってしまいます。