SwiftUI中@Binding值变更不触发视图更新的问题解决

我定义了一个内部包含私有Array的struct，对该数组的操作必须自定义（禁止使用append、insert、delete等常规方法），添加元素会影响其他元素。数组的每个元素还包含嵌套数组。我构建了如下SwiftUI视图层级来编辑数据：

struct ContentView<Axis>: View 
where Axis: StyledAxisProtocol
{
    @State var axes = Axes<Axis>()
    
    var body: some View {
        VStack {
            HStack {
 // View responds to new added axis:
                Button(action: {axes.addAxis()},
                       label: {Text("Add Axis")})
            }
            ForEach(axes.indices, id:\.self) { index in
                StyledAxisView(axes: $axes, axisIndex: index)
            }
            Spacer()
        }
        .padding()
    }
}


struct StyledAxisView<Axis>: View 
where Axis: StyledAxisProtocol
{
    @Binding var axes: Axes<Axis>
    var axisIndex: Int
    
    var body: some View {
        VStack {
            GroupBox {
                HStack {
                    TextField("", text: $axes[axisIndex].name)
//If I move a slider (change some parameter of `axis` - view refreshes                    
                    Slider(value: $axes[axisIndex].position,
                           in: axes[axisIndex].bounds)
// View does not react to new instance, need to move slider to update a view                     
                    Button(action: {
                        axes.addInstance(to: axisIndex) 
                    },
                           label: {
                        Text("Add Style to \(axes[axisIndex].name)")
                    })
                }
                AxisStyleInstacesView(axis: $axes[axisIndex])
            }
        }
    }
}

addAxis()和addInstance(to:)均为mutating方法：

public extension Axes {
    mutating func addAxis() {
        _axes.operation(.add)
    }
    
    mutating func addInstance(to axisIndex: Int) {
        _axes.addInstance(to: axisIndex)
    }
}

执行addInstance操作后视图无响应，必须修改axis.position等顶层参数才会触发刷新；尝试将Axes改为Observable类后情况更糟，添加轴操作也无法触发视图更新。偶然发现执行self[axisIndex] = self[axisIndex]这类冗余赋值操作后视图可正常更新，请问该如何正确解决此问题？

1. 让Axis遵循Identifiable协议 #

SwiftUI的视图更新依赖数据的身份识别，尤其是嵌套结构。给Axis类型添加稳定的id属性并遵循Identifiable协议，能让SwiftUI更准确地追踪每个Axis实例的变化，包括其内部嵌套数组的更新。

2. 手动触发struct类型Axes的Binding更新 #

对于struct类型的Axes，SwiftUI对嵌套属性的变化感知较弱。在addInstance(to:)方法中，修改完内部嵌套数组后，通过重新赋值当前Axis实例，让Binding感知到变化：

public extension Axes {
    mutating func addInstance(to axisIndex: Int) {
        _axes.addInstance(to: axisIndex)
        // 触发Binding更新，通知视图刷新
        self[axisIndex] = self[axisIndex]
    }
}

如果觉得这种写法不够优雅，可以封装成专门的方法：

public extension Axes {
    mutating func triggerAxisUpdate(at index: Int) {
        self[index] = self[index]
    }
    
    mutating func addInstance(to axisIndex: Int) {
        _axes.addInstance(to: axisIndex)
        triggerAxisUpdate(at: axisIndex)
    }
}

3. 改用ObservableObject时手动发送变更通知 #

如果选择把Axes改成ObservableObject类，必须在所有修改内部状态的方法中手动发送objectWillChange通知，确保SwiftUI感知到数据变化：

class Axes<Axis>: ObservableObject where Axis: StyledAxisProtocol {
    private var _axes: [Axis] = []
    
    func addAxis() {
        objectWillChange.send()
        _axes.operation(.add)
    }
    
    func addInstance(to axisIndex: Int) {
        objectWillChange.send()
        _axes.addInstance(to: axisIndex)
    }
    
    // 实现下标访问等必要方法
}

注意：如果Axis内部还有嵌套的ObservableObject属性，需要确保这些子对象的变更也能向上传递通知，或者在修改时一并发送顶层的objectWillChange。

4. 优化ForEach的数据源 #

不要用axes.indices作为ForEach的数据源，直接绑定到axes数组（前提是Axis遵循Identifiable）：

// 在ContentView中修改ForEach部分
ForEach($axes) { $axis in
    StyledAxisView(axis: $axis)
}

// 同时简化StyledAxisView的定义
struct StyledAxisView<Axis>: View where Axis: StyledAxisProtocol {
    @Binding var axis: Axis
    
    var body: some View {
        VStack {
            GroupBox {
                HStack {
                    TextField("", text: $axis.name)
                    Slider(value: $axis.position, in: axis.bounds)
                    Button(action: {
                        // 根据实际逻辑调整addInstance的调用方式，比如给Axis添加内部方法或通过父视图传递操作
                    }, label: {
                        Text("Add Style to \(axis.name)")
                    })
                }
                AxisStyleInstacesView(axis: $axis)
            }
        }
    }
}

这种方式让SwiftUI直接绑定到每个Axis实例，能更精准地响应实例内部的变化，同时简化了视图参数传递。

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