SwiftUI中如何显示多个Picker并实现选择状态绑定？

问题根源 #

• $selections[cart.id]返回的是Binding<Int?>，但Picker的selection参数要求绑定非可选类型——你用ForEach(1..<100)生成的选项都是非可选Int，类型不匹配导致Picker无法正确响应选择，也无法初始化选中状态。
• 初始状态下selections字典可能没有对应cart.id的键，此时绑定值为nil，Picker无法识别选中项。

解决方案1：提前初始化字典默认值 #

在视图初始化或carts数据加载完成后，给每个cart.id设置默认选中值（比如1），确保字典中存在所有需要的键，之后用强制解包的绑定（需保证键一定存在）：

@State private var carts = [Cart]()
@State private var selections = [String:Int]()

init() {
    // 示例：静态初始化carts和对应的默认选中值
    let initialCarts = [Cart(id: "cart1"), Cart(id: "cart2")]
    _carts = State(initialValue: initialCarts)
    _selections = State(initialValue: initialCarts.reduce(into: [String:Int]()) { dict, cart in
        dict[cart.id] = 1 // 默认选中第一个选项
    })
}

var body: some View {
    ScrollView(showsIndicators: false) {
        ForEach(carts, id: \.id) { cart in
            Picker(selection: $selections[cart.id]!, label: Text("Select")) {
                ForEach(1 ..< 100) { num in
                    Text("\(num)")
                }
            }
        }
    }
    .onAppear {
        // 动态加载carts时，在这里初始化选中状态
        if selections.isEmpty {
            selections = carts.reduce(into: [String:Int]()) { dict, cart in
                dict[cart.id] = 1
            }
        }
    }
}

解决方案2：自定义Binding处理可选值 #

如果不想提前初始化所有键，可以创建自定义Binding，当字典中没有对应键时返回默认值，选择时自动将值存入字典：

@State private var carts = [Cart]()
@State private var selections = [String:Int]()

var body: some View {
    ScrollView(showsIndicators: false) {
        ForEach(carts, id: \.id) { cart in
            // 自定义Binding，处理可选值
            let selectionBinding = Binding<Int>(
                get: { selections[cart.id] ?? 1 }, // 无对应键时用默认值1
                set: { selections[cart.id] = $0 } // 选择后更新字典
            )
            
            Picker(selection: selectionBinding, label: Text("Select")) {
                ForEach(1 ..< 100) { num in
                    Text("\(num)")
                }
            }
        }
    }
}

注意事项 #

• 方案1适合已知所有cart.id的场景，能彻底避免nil问题；
• 方案2更灵活，适配动态加载carts的场景；
• 确保Cart的id属性唯一，否则ForEach会出现重复渲染或识别错误。

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