Swift中使用Class对象的ForEach选中行高亮失效问题求助

问题根源 #

当Model从值类型Struct改为引用类型Class（继承ObservableObject）时：

• @State持有的是数组的引用，数组内部的Model对象属性变化时，数组本身的引用并未改变，因此@State不会触发视图整体刷新
• 单个Model的@Published属性变化需要被视图单独监听，否则视图无法感知到属性更新，也就不会更新文本颜色

修复方案 #

1. 调整ForEach遍历逻辑，监听单个Model实例 #

将基于indices的遍历改为直接遍历Model数组，利用SwiftUI的绑定特性，让视图自动监听每个Model的@Published属性变化。

2. 恢复单选高亮逻辑 #

保持和Struct版本一致的单选逻辑：点击某行时激活当前行，同时将其他所有行设为非激活状态。

完整修复代码 #

import SwiftUI

class Model: ObservableObject, Identifiable {
    @Published var id = UUID()
    @Published var a: String
    @Published var b: String
    @Published var c: String
    @Published var isActive: Bool
    
    init(a: String, b: String, c: String, isActive: Bool) {
        self.a = a
        self.b = b
        self.c = c
        self.isActive = isActive
    }
}

struct ContentView: View {
    @State private var modelArray = [
        Model(a:"hi", b:"I like", c: "potatoes", isActive: true),
        Model(a:"hi", b:"I like", c: "potatoes", isActive: false),
        Model(a:"hi", b:"I like", c: "potatoes", isActive: false),
    ]

    var body: some View {
        // 直接遍历绑定数组，自动监听单个Model的属性变化
        ForEach($modelArray) { $model in
            Text("\(model.a) \(model.b) \(model.c)")
                .foregroundColor(model.isActive ? .red : .green)
                .onTapGesture {
                    // 单选逻辑：先批量取消所有行激活状态，再激活当前行
                    modelArray.forEach { $0.isActive = false }
                    model.isActive = true
                }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

关键细节说明 #

• 使用ForEach($modelArray)绑定数组，既可以直接修改数组内的Model属性，又能让SwiftUI自动监听每个Model的@Published属性变化，触发对应行的视图刷新
• 简化单选逻辑：通过forEach批量设置所有行非活跃，再激活当前行，代码更简洁易读
• 无需手动管理indices，利用Identifiable协议让ForEach自动识别每个Model实例

备选方案（保留indices遍历场景） #

如果因业务需求必须使用indices遍历，可以通过手动修改数组引用触发视图刷新：

ForEach(modelArray.indices, id: \.self){ idx in
    Text("\(modelArray[idx].a) \(modelArray[idx].b) \(modelArray[idx].c)")
        .foregroundColor(modelArray[idx].isActive ? .red : .green)
        .onTapGesture {
            modelArray[idx].isActive = true
            for i in modelArray.indices where i != idx {
                modelArray[i].isActive = false
            }
            // 手动触发视图刷新：重新赋值数组，让@State感知变化
            modelArray = modelArray
        }
}

此方案仅作为特殊场景下的补充，推荐优先使用绑定数组的遍历方式。

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