• 2023/11/28
• 1分

【Swift UI】Pickerに画像(Image)を使用する方法！tagモディファイア

＼ アプリをリリースしました ／

友達や家族の誕生日をメモ！通知も届く-みんなの誕生日-

posted withアプリーチ

環境

• Xcode：15.0.1
• iOS：17.1
• Swift：5.9
• macOS：Sonoma 14.1

Pickerで画像を使用する方法

Swift UIのPicker構造体で画像を使用するにはtagモディファイアを使用します。バインディングしている変数selectの中にはtagで指定している文字列が格納されます。

Picker(selection: $select) {
    Image(systemName: "chart.bar").tag("bar")
    Image(systemName: "chart.pie.fill").tag("pie")
} label: {
    Text("Charts")
}

セグメントスタイルにすると良い感じになります。

Picker(selection: $select) {
    Image(systemName: "chart.bar").tag("bar")
    Image(systemName: "chart.pie.fill").tag("pie")
} label: {
    Text("Charts")
}.pickerStyle(SegmentedPickerStyle())

まだまだ勉強中ですので間違っている点や至らぬ点がありましたら教えていただけると助かります。

ご覧いただきありがとうございました。