SwiftUIのドロップダウン、ホイール、メニュー、Picker

選択メニューを作る方法です

選択UIを表示したい

ユーザーに選択肢の中から選んでもらうメニューをSwiftUIで実装するには、Pickerを使います。

方法

struct ContentView: View {
    @State var languages:[String] = ["English","Russian","Ukrainian"]
    @State var greetings:[String:String] = ["English":"Hello",
                                            "Russian":"Привет привет(Privet privet)",
                                            "Ukrainian":"Привіт привіт(Pryvit pryvit)"]
    @State var selectedLanguage:String = "English"
    var body: some View {
        HStack {
            Picker(selection: $selectedLanguage, label: Text("languages"), content: {
                ForEach(languages, id:\.self) { value in
                    Text("\(value)")
                        .tag(value)
                }
            }).onChange(of: selectedLanguage) { newValue in
                print(newValue)
                // Do with selected value
            }
            .pickerStyle(.menu)
            Text(greetings[selectedLanguage]!)
        }
    }
}

pickerStyle

menu

segmented

radioGroup

iOSではこれに加えてwheelが使えます。

🐣

---

フリーランスエンジニアです。
お仕事のご相談こちらまで
[e-mail]

Core MLやARKitを使ったアプリを作っています。
機械学習／AR関連の情報を発信しています。

Twitter
Medium
GitHub