如何根据用户输入数量动态创建对应个数的TextField？

你的思路没问题，用Form搭配ForEach完全能实现需求，只是现有代码存在几个关键问题需要修正：

核心问题修正点 #

• 需要一个明确类型的数组来存储每个TextField的输入内容，而非空的newSet
• 要监听用户输入的数字变化，动态调整数组的元素数量
• ForEach需要正确绑定数组元素，才能让TextField的输入实时生效

修正后的完整代码 #

struct NameView: View{
    @Binding var numNames: String
    @State private var names = [String]()
    
    var body: some View{
        Form{
            // 遍历数组并绑定每个元素到TextField
            ForEach($names, id: \.self) { $name in
                TextField("Name", text: $name)
            }
        }
        // 监听数字输入变化，实时调整数组长度
        .onChange(of: numNames) { newValue in
            guard let count = Int(newValue), count >= 0 else {
                names = []
                return
            }
            // 调整数组元素数量：不足补空字符串，多余的截断
            if names.count < count {
                names.append(contentsOf: Array(repeating: "", count: count - names.count))
            } else if names.count > count {
                names.removeLast(names.count - count)
            }
        }
        // 视图加载时同步初始数字对应的数组长度
        .onAppear {
            guard let count = Int(numNames), count >= 0 else {
                names = []
                return
            }
            names = Array(repeating: "", count: count)
        }
    }
}

关键细节说明 #

1. 数组的动态维护：

   • 用onAppear在视图首次加载时，根据初始输入的数字生成对应数量的空字符串元素
   • 用onChange监听数字输入的变化，实时调整数组长度，保证和用户输入的数字一致

2. ForEach的绑定写法：

   • 使用$names直接绑定数组，配合id: \.self（字符串本身可作为唯一标识），让每个TextField的输入自动同步到数组中
   • 如果担心字符串重复导致的视图刷新问题，可以自定义带唯一ID的结构体：

     struct NameItem: Identifiable {
         let id = UUID()
         var text: String
     }
     

     之后将names改为[NameItem]，ForEach写法调整为：

     ForEach($names) { $item in
         TextField("Name", text: $item.text)
     }
     

3. 输入合法性处理：

   • 加入了数字转换的合法性判断，如果输入不是有效数字，直接清空数组

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