[SwiftUI]TextFieldで入力した値を一つのボタンで同時に配列に追加したい

Question

####やりたいこと

簡単なクイズアプリをSwiftUIで作成しております。

その際にプレイヤー人数とプレイヤー人数を登録したいです。

流れとしては以下です。

①人数を選択
②選択した人数分のTextFieldを同一画面上に自動生成
③プレイヤー名をそれぞれ入力
④「次へ」ボタン押下でTextFieldに入力した文字列を同一配列に追加

####補足
色々と調べてみたのですが、TextFieldの値をまとめて配列に追加する方法は見つけることができませんでした。

TextFieldの文法的に、一つのTextFieldに一つの変数を対応させているので、自動生成するのはできないのかなとも思っております。

それぞれのTextFieldに.opacity()をつけて、非表示にさせておくという方法もあるとは思うのですが、もう少し良い方法がないかと思い質問させて頂きました。

どなたか、お知恵を貸していただけないでしょうか？
よろしくお願いいたします

Answer 1

こんな感じでしょうか。

struct ContentView: View {
    @State var array = [String]()

    var body: some View {
        NavigationView {
            VStack {
                HStack {
                    Button("-") {
                        array.removeLast()
                    }
                    .disabled(array.isEmpty)

                    Text("(array.count)")

                    Button("+") {
                        array.append("")
                    }
                }

                List {
                    ForEach(array.indices, id: .self) { i in
                        TextField("Player (i + 1)", text: $array[i])
                    }
                }

                NavigationLink(destination: NextView(array: array)) {
                    Text("Next")
                }
                .disabled(array.isEmpty || array.contains { $0.isEmpty })
            }
            .padding(.bottom)
            .navigationTitle("Input")
        }
    }
}

struct NextView: View {
    let array: [String]

    var body: some View {
        List {
            ForEach(array, id: .self) { name in
                Text(name)
            }
        }
        .navigationTitle("Result")
    }
}