[SwiftUI]Baker's % Calculator /ベイカーズ％計算 - (1) List View

SwiftUIが気になって早何ヶ月経ってしまったでしょうか。

思い立ったが吉日、SwiftUIで何か作ってみることにしました。

パンのレシピの各分量からBaker's %を算出するアプリを目指してみます。

・分量を変更可能

・変更後の分量でBaker's %を更新



まずは、リスト（TableView）の作成について。

この動画を見ると、とっても簡単そう！ワクワクしながら着手。

まずは、リスト項目のフォーマットを設定。

StackViewの設定が直感的で簡単。spacingでテキスト間の隙間を調整。

二本指クリック

→Show Code Actions

→Embed in List

これでリストの完成！動画でもMagicと言っていましたが、まさに。

こんなに簡単にできるなんて。

リストへの表示データを設定したら、

List(0 ..< 5) の部分を、List(ingredients)としてDynamicに。

その材料が「粉」かどうかは、イラストの表示有無（無＝透明 opacity(0)）で表現。

とりあえずここまで。

やはりSwiftUIは新しいからか、検索して見つかる情報の量はやや少ない印象。

ただ、本当にここまで簡単で、SwiftUIのすごさを感じました。