XCode 16中@Observable类变更未触发视图重绘问题求助

核心问题 #

Xcode 16/Swift 6 中@Observable的变更检测逻辑相比 Xcode 15 有调整：对于数组中的值类型（如你的GadgetNode结构体），仅修改结构体内部属性时，@Observable不会自动触发视图重绘——因为数组本身的引用未发生变化，SwiftUI 无法感知到内部元素的属性更新。而新增元素时数组本身被修改（添加了新元素），所以能正常触发重绘，这就导致拖拽后模型数据更新但视图弹回原位置的矛盾现象。

代码中的具体问题 #

1. NodeView中使用@State存储gadget：这会创建一个本地副本，拖拽结束时你同时修改了本地副本和模型中的数据，但外层GadgetDocumentView依赖的是模型数组，当模型中结构体属性更新未被@Observable检测到时，外层视图不会刷新，依然使用旧位置渲染。
2. 直接修改数组元素的属性：gadgetModel.gadgets[gadget.id].location = endLocation这种写法，在 Swift 6 的@Observable机制下，无法触发数组的变更通知，因为数组本身没有被替换或修改元素引用。

解决方案 #

方案一：将GadgetNode改为@Observable类

把值类型结构体改为引用类型的@Observable类，这样内部属性的变化会被自动检测到，触发视图更新：

@Observable class GadgetNode : Identifiable, Codable, Hashable {
    public var gadgetType: GadgetType = .unassigned
    public var id: Int = 0             
    var location: CGPoint = CGPoint(x: 50, y: 50)
    
    // 实现Hashable和Codable的必要方法（根据原有逻辑补充）
    func hash(into hasher: inout Hasher) {
        hasher.combine(id)
    }
    
    static func == (lhs: GadgetNode, rhs: GadgetNode) -> Bool {
        lhs.id == rhs.id
    }
}

方案二：保留结构体，强制触发数组变更检测

如果要保留结构体，修改模型数据时需要替换整个数组元素，让@Observable感知到数组变化：
在拖拽结束的onEnded中，替换模型中的对应元素：

.onEnded { endingDragGestureValue in                    
    let endLocation = gadget.location + endingDragGestureValue.translation
    // 创建更新后的结构体实例，替换数组中的元素
    var updatedGadget = gadget
    updatedGadget.location = endLocation
    gadgetModel.gadgets[gadget.id] = updatedGadget
    // 移除本地@State的gadget修改，避免数据不一致
    // gadget.location = endLocation // 这行可以删掉
}

方案三：移除NodeView的本地@State，直接绑定模型元素

避免本地状态和模型数据不一致，直接从模型中获取并绑定元素：

struct NodeView<Content: View>: View {
    @Environment(GadgetModel.self) private var gadgetModel
    // 改为绑定模型中的元素，而不是本地@State
    let gadgetId: Int
    
    @GestureState private var gadgetDragGestureState: CGOffset = .zero
    
    init(gadgetId: Int) {
        self.gadgetId = gadgetId
    }
    
    // 计算属性获取当前模型中的gadget
    private var gadget: GadgetNode {
        gadgetModel.gadgets.first(where: { $0.id == gadgetId })!
    }
    
    var body: some View  {
        ZStack{
            IconBackground(gadget: gadget, drawImage: gadgetModel.redrawGadgets > 0 )
        }
        .frame(width: NodeConstants.nodeWidth, height: NodeConstants.nodeHeight)
        .offset(gadgetDragGestureState)
        .gesture(gadgetDragGesture)
    }
    
    var gadgetDragGesture: some Gesture {
        DragGesture(minimumDistance: 3)
            .updating($gadgetDragGestureState) { value, state, _ in
                state = value.translation
            }
            .onEnded { value in                    
                let endLocation = gadget.location + value.translation
                var updatedGadget = gadget
                updatedGadget.location = endLocation
                gadgetModel.gadgets[gadgetId] = updatedGadget
            }
    }
}

在GadgetDocumentView中调用时：

ForEach(gadgetModel.gadgets) { gadget in
    NodeView(gadgetId: gadget.id)
        .zIndex(Double(gadget.id))
        .position(gadget.location)
}

总结 #

Swift 6 的@Observable对值类型数组的变更检测更严格，必须让数组本身的引用或元素引用发生变化才能触发重绘。优先推荐方案一（改为@Observable类），能更简洁地解决问题并避免后续类似的变更检测问题。

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