SwiftUI 两级联动Picker第二个选择器无法显示选中值问题

初始需求为实现两个从数据库加载数据的Picker选择器，第二个选择器的可选选项依赖第一个选择器的选中值。参考现有实现方案完成后整体运行基本正常，但存在异常：第二个Picker无法显示选中的值。

复现代码 #

@State var courtSelected = 0
@State var judgeSelected = 0

HStack{
    Picker(selection: $courtSelected, label: Text("Gericht \(courtSelected)")){
        ForEach(0..<courts.count){ court in
            Text("\(courts[court].name ?? "Unknown")")
        }
    }
}
HStack {
    Picker(selection: $judgeSelected, label: Text("Richter: (\(judgeSelected))")){
        ForEach(Array(courts[courtSelected].courtsJudges! as! Set<Judges>), id: \.self) { judge in
            Text("\(judge.gender ?? "") \(judge.title ?? "") \(judge.name ?? "")")
        }
    }
}

与参考实现的差异 #

• 将CoreData返回的NSSet类型转换为Array类型供ForEach遍历；
• 将judgeSelected的声明从@Binding var judgeSelected:Int修改为@State，避免需要从App结构体入口逐层传递该选中参数。

异常现象 #

在第二个Picker的label中输出$judgeSelected可发现，操作选择器时该变量的值始终未发生变化，无法正常响应选中操作。

第二个Picker无法响应选中的核心原因是类型不匹配：

• 定义的judgeSelected是Int类型
• 但第二个Picker的ForEach遍历的元素是CoreData生成的Judges实体类型

Picker做选中映射时，会把选中元素的tag值和绑定变量做类型匹配，类型不一致时不会触发绑定变量的更新，自然无法显示选中状态。
另外直接把NSSet强转成数组使用也有隐患：Set是无序集合，每次视图重绘时生成的数组元素顺序可能随机变化，会进一步加剧选中状态匹配错乱的问题。

1. 统一绑定值和遍历元素的类型，第二个Picker的选中值直接使用Judges类型，和遍历元素保持一致
2. 把NSSet转成排序后的数组再遍历，保证元素顺序固定
3. 切换第一个Picker选项时重置第二个Picker的选中值，避免选中值不在当前可选列表中

修复后的代码如下：

// 第二个Picker选中值类型改为可选Judges，和遍历元素类型匹配
@State var courtSelected = 0
@State var judgeSelected: Judges?

var body: some View {
    HStack{
        Picker(selection: $courtSelected, label: Text("Gericht \(courtSelected)")){
            ForEach(0..<courts.count, id: \.self){ court in
                Text("\(courts[court].name ?? "Unknown")")
                    .tag(court) // 显式指定tag，和courtSelected的Int类型匹配
            }
        }
        .onChange(of: courtSelected) { _ in
            // 切换第一个选择器时重置第二个选择器的选中值
            judgeSelected = nil
        }
    }
    HStack {
        Picker(selection: $judgeSelected, label: Text("Richter: \(judgeSelected?.name ?? "未选择")")){
            // NSSet转数组后排序，保证每次渲染顺序固定
            let judgeList = Array(courts[courtSelected].courtsJudges as? Set<Judges> ?? []).sorted {
                ($0.name ?? "") < ($1.name ?? "")
            }
            ForEach(judgeList, id: \.self) { judge in
                Text("\(judge.gender ?? "") \(judge.title ?? "") \(judge.name ?? "")")
                    .tag(judge) // 显式指定tag为当前judge对象，和绑定值类型匹配
            }
        }
    }
}

• Picker的selection绑定值类型，必须和ForEach元素的tag类型完全一致，否则无法正常响应选中事件
• 遍历CoreData的一对多关系生成的NSSet时，必须做排序处理，Set本身无序的特性会导致UI渲染异常
• 避免强制解包CoreData的可选关系值，用空集合兜底防止崩溃

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