[SwiftUI]Baker's % Calculator /ベイカーズ%計算 - (6) Append new item
- handmadeapp
- 2020年2月18日
- 読了時間: 1分
パンのレシピの各分量からBaker's %を算出するアプリの機能追加です。
完成イメージはこちら。

まずは、追加するIngredientsの内容を入力するViewを作成。
TextFieldの入力を受け取る変数はStringで、[Ingredients]にAppendする際に、
こちらの各項目の型に合わせるよう変換する。
ContentView側は、「x」ボタンと同じ要領で、
ボタンタップ時にModal Viewを表示するよう設定。
これで、データの永続化は対応していないものの、
その時に利用する材料の追加は自由にできるようになりました。

![[SwiftUI]Baker's % Calculator /ベイカーズ%計算 - (5) Delete from List](https://static.wixstatic.com/media/a27d24_010642e0d5cb477b91aa47c4dd653fbe~mv2.png/v1/fill/w_792,h_1392,al_c,q_90,enc_avif,quality_auto/a27d24_010642e0d5cb477b91aa47c4dd653fbe~mv2.png)
![[SwiftUI]Baker's % Calculator /ベイカーズ%計算 - (4) Functions](https://static.wixstatic.com/media/a27d24_b168acb9b75d4d8b8c78c2fab806d5f4~mv2.png/v1/fill/w_734,h_1234,al_c,q_90,enc_avif,quality_auto/a27d24_b168acb9b75d4d8b8c78c2fab806d5f4~mv2.png)
![[SwiftUI]Baker's % Calculator /ベイカーズ%計算 - (3) List Update](https://static.wixstatic.com/media/a27d24_b5f004e7500d42c6a6ecf4ec81dc99b5~mv2.png/v1/fill/w_980,h_659,al_c,q_90,usm_0.66_1.00_0.01,enc_avif,quality_auto/a27d24_b5f004e7500d42c6a6ecf4ec81dc99b5~mv2.png)
コメント