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

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

この記事からわかること

  • SwiftPicker画像(Image)を使用する方法
  • tagモディファイアの使い方

index

[open]

\ アプリをリリースしました /

みんなの誕生日

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

posted withアプリーチ

環境

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")
}

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

【Swift UI】Pickerに画像(Image)を使用する方法!tagモディファイア
Picker(selection: $select) {
    Image(systemName: "chart.bar").tag("bar")
    Image(systemName: "chart.pie.fill").tag("pie")
} label: {
    Text("Charts")
}.pickerStyle(SegmentedPickerStyle())
【Swift UI】Pickerに画像(Image)を使用する方法!tagモディファイア

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

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

searchbox

スポンサー

ProFile

ame

趣味:読書,プログラミング学習,サイト制作,ブログ

IT嫌いを克服するためにITパスを取得しようと勉強してからサイト制作が趣味に変わりました笑
今はCMSを使わずこのサイトを完全自作でサイト運営中〜

New Article

index