Swiftuiにおけるメソッドの作り方(Picker)

Question

先日，SwiftuiにおいてPickerのメソッドを作る際の質問をしましたが，もう一点解決できないエラーが出ました．
以下のコードにて"Cannot find '$selectedIndex' in scope"というエラーが発生します．

import SwiftUI

struct ToppingSelect1: View{
    var nameE : [String]  //name in English
    var nameJ : String  //name in Japanese

    var body : some View{
        Text(nameJ)

        Picker("", selection: $selectedIndex) {
            ForEach(nameE, id: .self) { index in
                Text(nameE)
            }
        }
        .pickerStyle(SegmentedPickerStyle())
    }
}

struct QuestionView: View{
    let fruits = ["りんご","ばなな","さくらんぼ","めろん","すいか"]
    let amount = ["多め","普通","少なめ"]
    @State var fruitsIndex = 0
    @State var amountIndex = 1

    var body: some View{
        ToppingSelect1(nameE: fruits,nameJ: "フルーツ",selectedIndex: fruitsIndex)
        ToppingSelect1(nameE: amount,nameJ: "量",selectedIndex: amountIndex)
    }
}

struct QuestionView_Previews: PreviewProvider {  //プレビュー用
    static var previews: some View {
        QuestionView()
    }
}

このプログラムではフルーツとその量を選択するpickerを表示したいです．
fruitsとamountのpickerを各々，fruitsIndexとamountIndexを用いてpickerの初期位置を変え，選択した値を保持したいと思っていますが，$selectedIndexに他の文字を代入(？)する方法がわかりません．
初心者質問なので用語等が間違っていたら申し訳ありませんが，よろしくお願いします．

Answer 1

変化する @State の値を子ビューで受け取るには @Binding にして、渡す側は $ を付けましょう。
また、前回の回答 が間違ってましたが、Picker の selection: で選択された index を扱いたい場合は、ForEach に index の範囲を渡す必要があります。

 struct ToppingSelect1: View{
     var nameE : [String]  //name in English
     var nameJ : String  //name in Japanese
+    @Binding var selectedIndex: Int

     var body : some View{
         Text(nameJ)
 
         Picker("", selection: $selectedIndex) {
-            ForEach(nameE, id: .self) { index in
-                Text(nameE)
+            ForEach(0..<nameE.count, id: .self) { index in
+                Text(nameE[index])
             }
         }
         .pickerStyle(SegmentedPickerStyle())
     }
 }
 
 struct QuestionView: View{
     let fruits = ["りんご","ばなな","さくらんぼ","めろん","すいか"]
     let amount = ["多め","普通","少なめ"]
     @State var fruitsIndex = 0
     @State var amountIndex = 1
 
     var body: some View{
-        ToppingSelect1(nameE: fruits,nameJ: "フルーツ",selectedIndex: fruitsIndex)
-        ToppingSelect1(nameE: amount,nameJ: "量",selectedIndex: amountIndex)
+        ToppingSelect1(nameE: fruits, nameJ: "フルーツ", selectedIndex: $fruitsIndex)
+        ToppingSelect1(nameE: amount, nameJ: "量", selectedIndex: $amountIndex)
     }
 }

Comments

[pichon_]

毎回回答していただきありがとうございます．
この通りに修正したところエラーなく動きました．
データの受け渡し等が勉強不足であるとわかったのでしっかり勉強しようと思います．
またご縁がありましたらよろしくお願いします．