SwiftUI分段PickerView选中同索引行异常问题求助

我来帮你分析下你遇到的问题：你在带Section的Picker里给每个选项设置了自定义Tag，但Picker却总是返回选项的索引，而不是你设置的ID。这主要有两个核心原因，咱们一步步来解决：

问题根源 #

1. 类型不匹配：你一开始把picked定义成了Int类型，但后来测试时用了UUID().description（String类型）作为Tag——Picker要求绑定的selection变量类型必须和Tag的类型完全一致，否则会 fallback 到返回选项的索引值。
2. Enumerated遍历的潜在干扰：你用enumerated()的offset作为ForEach的ID，虽然这本身没问题，但嵌套Section后，不同Section里的选项可能会有相同的索引（比如每个Section的第一个选项索引都是0），这会让Picker的选中逻辑出现混乱，导致“选中每个分段中对应索引的所有行”的问题。

解决方案 #

1. 统一Selection和Tag的类型 #

首先调整picked的类型，让它和你要使用的Tag类型一致。比如你想用variation.id（Int类型），可以把picked设为可选Int（初始状态未选中更合理）：

@State var picked: Int? = nil

2. 简化ForEach遍历 #

因为Experiment和Variation都已经遵循了Identifiable协议，直接遍历数组即可，不需要用enumerated()，这样能避免offset带来的索引冲突问题：

Picker("active", selection: $picked) {
    ForEach(experiments.experiments) { experiment in
        Section(header: Text("\(experiment.name)")) {
            ForEach(experiment.variations) { variation in
                Text("\(variation.name) \(variation.id)")
                    .tag(variation.id as Int?) // 匹配picked的可选Int类型
            }
        }
    }
}

3. 调整选中事件的处理 #

现在picked是可选类型，处理的时候要先判断是否有值：

.onReceive([picked].publisher.first()) { value in
    if let selectedId = value {
        print("选中的Variation ID：\(selectedId)")
    } else {
        print("未选中任何选项")
    }
}

4. 额外优化建议 #

• 去掉.id(picked)修饰符：它会导致Picker在picked变化时强制重绘，可能干扰选中状态的保存。
• 优化ID生成逻辑：你当前用哈希生成Experiment和Variation的ID，如果后续数据变化，哈希值可能会改变。如果有服务器返回的唯一ID，优先使用；没有的话，可以在初始化时生成固定的UUID，比如：

struct Variation: Codable, Equatable, Identifiable, Hashable {
    let id = UUID() // 固定UUID，避免哈希变化
    let name: String
    var experiment: String
    // ... 其他代码保持不变
}

修改后的完整代码 #

struct ExperimentPickerView: View { 
    @StateObject var localExperiment = RunningExperiment.active 
    @StateObject var experiments = RemoteExperiments.instance 
    @State var picked: Int? = nil 
    
    var body: some View { 
        Picker("active", selection: $picked) { 
            ForEach(experiments.experiments) { experiment in 
                Section(header: Text("\(experiment.name)")) { 
                    ForEach(experiment.variations) { variation in 
                        Text("\(variation.name) \(variation.id)")
                            .tag(variation.id as Int?) 
                    } 
                } 
            } 
        }
        .onReceive([picked].publisher.first()) { value in 
            if let selectedId = value {
                print("选中的Variation ID：\(selectedId)")
            } else {
                print("未选中任何选项")
            }
        } 
    } 
} 

struct Experiment : Codable, Equatable, Identifiable { 
    var id: Int { 
        var hasher = Hasher() 
        name.hash(into: &hasher) 
        variations.hash(into: &hasher) 
        return hasher.finalize() 
    } 
    let name : String 
    let variations: [Variation] 
    
    enum CodingKeys: String, CodingKey { 
        case name 
        case variations 
    } 
    
    init(from decoder: Decoder) throws { 
        let container = try decoder.container(keyedBy: CodingKeys.self) 
        let n = try container.decode(String.self, forKey: .name) 
        name = n 
        let a = try container.decode(AnyCodable.self, forKey: .variations) 
        print(a) 
        let b = a.value as! [[String:Any]] 
        var vars = [Variation]() 
        for v in b { 
            if let na = v["name"], let nna = na as? String { 
                vars.append(Variation(name: nna, experiment: n)) 
            } 
        } 
        variations = vars 
    } 
} 

struct Variation: Codable, Equatable, Identifiable, Hashable { 
    var id: Int { 
        var hasher = Hasher() 
        name.hash(into: &hasher) 
        experiment.hash(into: &hasher) 
        let hashValue = hasher.finalize() 
        return hashValue 
    } 
    let name: String 
    var experiment: String 
    
    enum CodingKeys: String, CodingKey { 
        case name, experiment 
    } 
}

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