SwiftUI中如何将ForEach创建的每个TextField绑定到独立变量？

你现在的问题核心是没法让ForEach循环里的每个TextField对应到单独的@State变量，最直接的解决办法是把分散的单个@State变量换成数组类型的@State，这样就能通过索引直接绑定对应位置的元素。

具体实现步骤 #

1. 替换原有的多个@State变量
   把原来的textField1到textField5这5个独立变量，改成一个存储5个空字符串的数组：

@State var textFields = Array(repeating: "", count: 5)

2. 修改ForEach中的绑定逻辑
   在循环里用索引index直接访问数组的绑定值，替换原来的$textField1：

TextField("\(index)", text: $textFields[index])

完整代码示例 #

struct ContentView: View {
    // 用数组替代多个独立@State变量
    @State var textFields = Array(repeating: "", count: 5)
    
    var body: some View {
        VStack{
            ForEach(0..<5) { index in
                TextField("\(index)", text: $textFields[index])
                    .padding()
                    .border(.gray) // 加个边框方便区分输入框
            }
        }
        .padding()
    }
}

补充说明 #

• 这样每个TextField的输入都会独立存储在数组对应索引的位置，不会互相干扰；
• 如果之后需要单独获取某个输入框的值，直接用textFields[0]、textFields[1]这种方式，和原来的textField1、textField2效果完全一致；
• 如果你的场景需要更复杂的数据结构（比如每个输入框附带额外信息），还可以把数组元素换成自定义结构体，绑定逻辑类似。

内容的提问来源于stack exchange，提问作者Peter_22