如何避免使用模型数据时SwiftUI重绘所有视图？

问题根源：重绘机制的差异 #

• @State是值类型绑定，SwiftUI会精准追踪单个值的变化，仅刷新直接使用该绑定的视图。
• 当使用ObservableObject数组时，若数组所在的ObservableObject（如表单容器模型）持有@Published数组，数组中某个元素的属性变化会触发整个容器模型的objectWillChange通知，导致父视图刷新，进而所有子InputView被重新计算。

解决方案：拆分模型+精准依赖追踪 #

1. 将数组元素封装为独立ObservableObject #

让每个输入项成为单独的ObservableObject，子视图直接持有该实例并监听其变化，而非依赖父视图的数组绑定。

示例代码：

// 单个输入项的独立模型
class InputModel: ObservableObject, Identifiable {
    let id = UUID() // 实现Identifiable，方便ForEach识别唯一实例
    @Published var text: String = ""
}

// 表单容器模型
class FormModel: ObservableObject {
    @Published var inputs: [InputModel] = [InputModel(), InputModel(), InputModel()]
}

// 父视图
struct ContentView: View {
    @StateObject var model = FormModel()
    
    var body: some View {
        VStack {
            // 直接遍历独立模型实例，而非数组绑定
            ForEach(model.inputs) { inputModel in
                InputView(model: inputModel)
            }
        }
    }
}

// 子输入视图
struct InputView: View {
    @ObservedObject var model: InputModel // 仅监听当前模型的变化
    
    var body: some View {
        TextField("输入内容", text: $model.text)
            .onAppear { print("InputView \(model.id) 加载") }
    }
}

2. 确保ForEach的视图唯一性 #

通过让模型实现Identifiable（或手动指定id: \.self），SwiftUI能准确识别每个子视图对应的模型实例，避免因数组整体变化导致的无意义重绘。

3. 避免父视图直接传递数组绑定 #

不要在父视图中使用$model.inputs[index]这类绑定传递给子视图，这种方式会让子视图依赖父视图的整个数组模型，导致父视图刷新时子视图全部重绘。

原理说明 #

SwiftUI的视图刷新基于依赖追踪：

• 子视图持有@ObservedObject var model: InputModel时，只会监听该model内部@Published属性的变化，仅当自身model的text改变时才触发重绘。
• 父视图的FormModel仅在数组元素增删（即inputs数组本身变化）时才会发送刷新通知，单个元素的属性变化不会触发父视图刷新。

补充：非ObservableObject数组的优化（可选） #

如果不想将每个元素封装为ObservableObject，可让子视图遵循Equatable，让SwiftUI自动判断是否需要重绘：

struct InputView: View, Equatable {
    static func == (lhs: InputView, rhs: InputView) -> Bool {
        lhs.text == rhs.text
    }
    
    @Binding var text: String
    
    var body: some View {
        TextField("输入内容", text: $text)
            .onAppear { print("InputView 加载") }
    }
}

// 父视图中使用ForEach时添加.equatable()
ForEach($model.inputs.indices, id: \.self) { index in
    InputView(text: $model.inputs[index])
        .equatable()
}

这种方式需要手动实现Equatable逻辑，适合简单值类型场景，但灵活性不如独立ObservableObject方案。

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