SwiftUI：如何在ForEach中仅更新单个元素而非全部？

Q1：为何修改单个元素会触发所有元素更新？ #

SwiftUI 是状态变更驱动视图刷新的框架，出现这种批量刷新的核心原因通常有这几个：

• 父 ViewModel 作为 ObservableObject，存储子元素的数组被标记为 @Published。修改数组中某一元素时，整个数组的引用会被判定为变更，父 ViewModel 会向所有订阅它的视图发送刷新通知，导致父视图重建，进而触发所有 ForEach 子视图刷新。
• 如果 ForEach 使用 \.self 作为元素标识，但子元素没有正确实现 Hashable/Equatable，SwiftUI 无法区分哪些元素真正变化，只能全部重新渲染。
• 子视图未做状态隔离，所有子视图都直接依赖父 ViewModel 的全局状态，而非自身对应的子元素状态，只要父状态变动，所有子视图都会响应。

Q2：如何避免修改单个元素时更新全部元素？ #

从状态隔离、视图优化两个方向入手解决：

• 给每个子元素分配独立 ViewModel：让每个子元素对应单独的 ObservableObject 子类，父 ViewModel 持有这些子 ViewModel 的数组。修改时仅更新目标子 ViewModel 的属性，只有绑定该子 ViewModel 的子视图会收到刷新通知。
• 使用稳定唯一的元素标识：在 ForEach 中用子元素的唯一 ID（比如自定义 UUID 字段）作为标识，而非 \.self，让 SwiftUI 能精准识别每个元素的身份。
• 让子视图遵循 Equatable：实现子视图的 static func == (lhs: Self, rhs: Self) -> Bool 方法，只对比影响视图渲染的关键属性，再用 EquatableView 包裹子视图或直接让子视图本身实现 Equatable，SwiftUI 会自动对比前后状态，只刷新真正变化的子视图。
• 拆分视图层级：把 ForEach 的子视图抽成独立的、仅依赖自身状态的小型视图，缩小父视图的刷新范围，避免父视图刷新时连带无关子视图重建。

Q3：如何在ForEach中仅更新目标元素而非全部？ #

结合代码示例来看具体实现：

步骤1：定义子元素的独立ViewModel #

class ItemViewModel: ObservableObject, Identifiable {
    let id = UUID()
    @Published var title: String
    @Published var isSelected: Bool
    
    init(title: String, isSelected: Bool = false) {
        self.title = title
        self.isSelected = isSelected
    }
}

步骤2：父ViewModel持有子ViewModel数组 #

class ParentViewModel: ObservableObject {
    @Published var items: [ItemViewModel]
    
    init(itemCount: Int) {
        self.items = (0..<itemCount).map { ItemViewModel(title: "Item \($0)") }
    }
    
    // 修改单个元素的方法
    func toggleItem(at index: Int) {
        guard index < items.count else { return }
        items[index].isSelected.toggle()
        // 无需修改items数组本身，仅更新子ViewModel的属性即可
    }
}

步骤3：在ForEach中实现精准刷新 #

struct ParentView: View {
    @StateObject var viewModel = ParentViewModel(itemCount: 1000)
    
    var body: some View {
        ScrollView {
            ForEach(viewModel.items) { itemVM in
                ItemView(viewModel: itemVM)
                    .equatable() // 启用Equatable对比逻辑
            }
        }
    }
}

struct ItemView: View, Equatable {
    @ObservedObject var viewModel: ItemViewModel
    
    var body: some View {
        HStack {
            Text(viewModel.title)
            Spacer()
            Button(action: {
                viewModel.isSelected.toggle()
            }) {
                Image(systemName: viewModel.isSelected ? "checkmark.circle.fill" : "circle")
            }
        }
        .padding()
    }
    
    // 实现Equatable，仅对比影响视图渲染的属性
    static func == (lhs: ItemView, rhs: ItemView) -> Bool {
        lhs.viewModel.id == rhs.viewModel.id &&
        lhs.viewModel.title == rhs.viewModel.title &&
        lhs.viewModel.isSelected == rhs.viewModel.isSelected
    }
}

关键实现要点：

• 每个子视图绑定独立的 ItemViewModel，修改时仅触发该子ViewModel的变更通知，只有对应子视图会刷新。
• ForEach 利用子ViewModel的 id（Identifiable 协议提供）作为标识，SwiftUI 能精准定位元素。
• ItemView 实现 Equatable，SwiftUI 会自动对比前后状态，跳过未变化的子视图渲染。

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