如何将API解码得到的Problems数组绑定到SwiftUI Picker组件

大部分场景下绑定失效都来自两个共性问题：

• 没有单独声明存储「当前选中项」的状态变量，直接把全量的issues数组传给了Picker的selection绑定位置
• 遍历生成选项时，没有给每个选项标记和绑定值类型完全匹配的tag，导致Picker无法识别当前选中状态

1. 基础适配 #

你已经有存储全量接口数据的issues数组，首先需要新增一个独立状态变量，用来存用户当前选中的项（因为初始状态没有选择，这里使用可选类型避免Picker找不到匹配值崩溃）：

@State private var selectedProblem: Problems? = nil

由于SwiftUI的Picker需要通过相等性判断选中状态，需要让Problems遵循Hashable协议，因为id是每个问题的唯一标识，直接基于id做相等判断即可，不需要对比全量属性：

struct Problems: Codable, Hashable {
    var id: Int
    var type: String
    
    static func == (lhs: Problems, rhs: Problems) -> Bool {
        lhs.id == rhs.id
    }
    
    func hash(into hasher: inout Hasher) {
        hasher.combine(id)
    }
}

2. 正式编写Picker绑定逻辑 #

Picker的selection参数只接受单个选中值的绑定，遍历issues数组生成每一个选项，同时给每个选项标记对应的值作为匹配tag：

Picker(selection: $selectedProblem, label: Text("问题类型")) {
    // 可选：增加未选择状态的占位选项
    Text("请选择").tag(Problems?.none)
    // 遍历接口返回的问题数组生成选项
    ForEach(issues, id: \.self) { problem in
        // 选项展示文本使用问题的type字段
        Text(problem.type)
            // 给每个选项打匹配tag，严格和选中值类型对齐
            .tag(problem as Problems?)
    }
}

轻量替代方案（无需修改结构体协议） #

如果不想让Problems实现Hashable，可以直接绑定选中项的id值，整体逻辑更轻量：

1. 调整选中状态的类型，直接存选中项的id：

@State private var selectedProblemID: Int? = nil

2. 对应调整Picker的绑定逻辑：

Picker(selection: $selectedProblemID, label: Text("问题类型")) {
    Text("请选择").tag(Int?.none)
    ForEach(issues) { problem in
        Text(problem.type).tag(problem.id as Int?)
    }
}

• 接口数据解码完成、issues数组被正确赋值后，Picker才会渲染对应选项，不要在数据未加载完成的阶段测试绑定逻辑
• 所有选项的tag类型必须和selection的绑定类型严格一致，只要出现类型不匹配，就会触发Picker无响应、无选中态的问题
• 禁止把$issues这类数组绑定直接传给Picker的selection参数，这是90%以上绑定失败的核心诱因

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