[SwiftUI]Picker(ピッカー)のラベル(label)が表示されない(not showing)時の対処法

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

Pickerのラベルが表示されない時の対処法を紹介します。

対処法
使用例

対処法

Pickerのラベルが表示されない時は、HStackもしくはVStackを使います。

まず、PickerをHStackもしくはVStackで囲みます。

そして、ラベルを表示したい場所に、ラベルとしてTextビューを配置します。

HStack { //もしくはHStack
    Text("ラベル")
    Picker(・・・)
}

HStackもしくはVStackを使うことで、ラベルを表示することができます。

Pickerのラベルが表示されないのは、バグか仕様のどちらかのようです。

なので、HStackやVStackを使って、ラベルを配置する必要があります。

使用例

以下は、使用例です。

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