SwiftUI结合CoreData时Picker嵌套HStack显示Circle失效问题

这个问题我之前也碰到过！核心原因是SwiftUI Picker对tag的识别规则——tag必须绑在每个选项的根视图上，而不是嵌套在里面的子视图。

具体原因分析 #

你在CoreData环境下的代码里，把tag(level)加在了Text组件上，但Picker的每个选项的根视图是HStack。SwiftUI的Picker只会识别选项根视图的tag，子视图的tag不会被当成整个选项的标识，这就导致Picker无法把你选中的HStack选项和绑定的athlete.level关联起来，自然无法保存选中值。

而你模拟阶段的代码之所以能正常运行，是因为当时ForEach遍历的是Int类型的数值，且没有显式添加tag——SwiftUI会自动把ForEach的每个元素（也就是number）作为对应选项的tag，所以即使嵌套了HStack，Picker依然能正确匹配选中项和绑定的$numberOfPeople。

修复方案 #

只需要把tag(level)从Text移到HStack上，让选项的根视图带上正确的tag即可。另外注意levels是FetchedResults<Level>，元素是 non-optional 的Level，可以简化ForEach的参数写法：

Picker("Level", selection: $athlete.level) {
    ForEach(levels) { level in
        HStack {
            Circle().fill(Color.green)
                .frame(width: 16, height: 16)
            Text("\(level.name ?? "Unassigned")")
        }
        .tag(level) // 将tag绑定到选项的根视图HStack上
    }
}

这样修改后，Picker就能正确识别选中的选项，并将对应的Level对象赋值给athlete.level，离开视图时也能正常保存到CoreData中了。

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