課題②お気に入り機能の作成

[tomu28]

行うこと

• お気に入りボタンの設置
• ボタンの有効範囲を適切にする
• お気に入りボタンがタップされたら、ユーザーに通知する
• タップしたら、画像が変化するようにする。この時、お気に入り情報(index番号)を降順で格納する
• ナビゲージョン画面を作成
• TabbedViewを使い、レシピ一覧タブとお気に入りタブを作成
• お気に入りタブのトップにはお気に入り件数を表示
• データをUserDataで永続化

[tomu28]

Listの中でボタンを設置すると、
そのList全体がボタンとなってしまい、想定通りの動作にならない。

参考サイト

• SwiftUI - Two buttons in a List
  

[tomu28]

Listの中でButtonメソッドを用いてボタンを設置すると
意図した動作を行うことが出来なかったため、Imageに.tapAction{ 行いたい処理 }を追加し実装した。

[tomu28]

Image(systemName: favorite)
のfavoriteをStateで管理する

[tomu28]

タップの度に@Stateを更新し、ボタンの表記を変更する処理の実装を行ったが、
全てのボタンが一斉に変更されるバグがある。

[tomu28]

不具合

Xcode 11.0 beta2の不具合だと考えられるが
Image(systemName: self.favorite[index * 2]などsystemNameで指定した画像がうまく描画されないことがあった。

解決策

再起動したら解決した。

[tomu28]

バグ

お気に入り画面の実装を行ったが、お気に入りの数が奇数の場合
最後のコンポーネントが正常に表示されないバグがある。

issues

• お気に入りの数が奇数の場合、最後のコンポーネントが正常に表示されない お気に入りの数が奇数の場合、最後のコンポーネントが正常に表示されない #5

[tomu28]

以下のissuesを追加

お気に入りボタンがタップされたらLottieでアニメーションを表示 #6
データを永続化する #7

[tomu28]

動作確認したためMergeします。

動作例