SwiftUI中如何在ForEach内动态生成Picker并有序保存选中值？

需求：根据输入数值X，在视图中展示X个Picker组件，每个Picker选项相同但可独立选择，选中值按顺序保存到数组中。

尝试实现的代码如下：

struct User: Identifiable, Hashable {
    var id: String
    var firstName: String
    var lastName: String
}

class LineupViewModel: ObservableObject {
   @Published var selectedSize = 8
   @Published var usersInOrder: [User]
   @Published var fullList: [User]
   ...
}


struct Lineup: View {
    @ObservedObject var viewModel: LineupViewModel
    ...
    ForEach(0..<viewModel.selectedSize, id: \.self) { i in
         HStack {
             Text(String(i+1)+": ")
             Picker("User", selection: $viewModel.usersInOrder[i]) {
                ForEach(viewModel.$fullList) { r in
                    Text(String(r.firstName+" "+r.lastName))
                }
             }.pickerStyle(.menu)
         }
     }
}

说明：usersInOrder数组在创建新阵容时可能为空，或与selectedSize长度一致；fullList始终是所有User的列表。当前视图报错：The compiler is unable to type-check this expression in reasonable time，需解决Picker选择如何正确更新usersInOrder对应索引值的问题。

解决方案 #

问题根源分析 #

1. 直接使用$viewModel.usersInOrder[i]作为Picker绑定，SwiftUI编译器难以处理这种嵌套绑定表达式，导致类型检查超时。
2. 错误使用viewModel.$fullList遍历选项，Picker选项不需要绑定，直接用普通数组即可。
3. 未处理usersInOrder为空或长度不足selectedSize的情况，会触发索引越界崩溃。

修复步骤 #

1. 维护数组长度与selectedSize一致

在LineupViewModel中添加监听，确保usersInOrder长度始终匹配selectedSize：

class LineupViewModel: ObservableObject {
    @Published var selectedSize = 8 {
        didSet {
            // 调整数组长度匹配selectedSize
            if usersInOrder.count > selectedSize {
                usersInOrder.removeLast(usersInOrder.count - selectedSize)
            } else if usersInOrder.count < selectedSize {
                // 用默认User填充，可根据业务替换为fullList中的默认值
                let defaultUsers = Array(repeating: User(id: "", firstName: "", lastName: ""), count: selectedSize - usersInOrder.count)
                usersInOrder.append(contentsOf: defaultUsers)
            }
        }
    }
    @Published var usersInOrder: [User]
    @Published var fullList: [User]
    
    init(fullList: [User]) {
        self.fullList = fullList
        // 初始化时创建对应长度的数组
        self.usersInOrder = Array(repeating: User(id: "", firstName: "", lastName: ""), count: selectedSize)
    }
}

2. 简化Picker绑定与选项遍历

手动创建Binding对象替代嵌套绑定，同时用普通数组遍历选项并添加匹配的tag：

ForEach(0..<viewModel.selectedSize, id: \.self) { i in
    HStack {
        Text("\(i+1): ")
        Picker("User", selection: Binding(
            get: { viewModel.usersInOrder[i] },
            set: { viewModel.usersInOrder[i] = $0 }
        )) {
            ForEach(viewModel.fullList) { user in
                Text("\(user.firstName) \(user.lastName)")
                    .tag(user)
            }
        }
        .pickerStyle(.menu)
    }
}

3. 关键注意事项

• 手动构建Binding可以降低编译器类型检查的复杂度，避免超时错误。
• 必须为Picker选项添加.tag(user)，确保选中值能正确匹配User类型的绑定。
• 始终维护usersInOrder长度与selectedSize一致，避免索引越界问题。

内容的提问来源于stack exchange，提问作者J. Holliday