SwiftUI - よくある星の評価機能を実装したい

Question

前提・実現したいこと

評価機能を盛り込みたいため星をタップしたらタップされた星（評価）以下を塗りつぶしの星に変更したい

実現したい動作は、左から星1,星2,星3とし、
星1をタップしたら、★☆☆
星2をタップしたら、★★☆
星3をタップしたら、★★★

現状以下のコードだとタップした星のみが反応して★となる。
ループでviewを生成したときのviewの操作方法を理解しておらず、調べてもなかなか出てこないため、ご教授いただきたいです。

該当のソースコード

ForEach(0..<3) { _ in
   StarView()
}

struct StarView: View {
    @State var isChecked:Bool = false
    var body: some View {
        Button(action: {
            isChecked.toggle()
        }){
            HStack{
                Image(systemName: isChecked ? "star.fill": "star")
                    .foregroundColor(.yellow)
            }
        }
    }
}

補足情報（FW/ツールのバージョンなど）

Xcode, SwiftUI

Answer 1

それだと一つ一つの StarView が独立してオン・オフできるようになってしまいます。
星の数を選べるようにするには、次のようにボタンを 3 つ並べた View を作ると良いでしょう。

struct StarsView: View {
    @State var stars = 0

    var body: some View {
        HStack {
            ForEach(0..<3) { index in
                Button(action: {
                    stars = index + 1
                }) {
                    Image(systemName: index < stars ? "star.fill": "star")
                        .foregroundColor(.yellow)
                }
            }
        }
    }
}

Comments

[ko-ru]

思い通りの動作を確認できました！
確かにStarViewをループで作成せず、StarViewの中のButtonをループで作成することで独立せず、同じStarViewスコープ内で作られたButtonを参照できますね！
コードの内容理解できました。ありがとうございました。