bounty将于明天到期。回答此问题可获得+500的声望奖励。adammenges正在寻找标准答案。

我有一个应用程序，它有一个父视图（graphView，带有一个蓝色的粗边框）和一个子视图（nodeView，绿色框）。每个视图都有自己的SwiftUI DragGesture处理程序。我希望能够用不同的手指移动绿色节点和蓝色边框的图形。
目标：当我主动拖动“蓝边图形”时，保持“绿色节点”在我的手指下。
问题：绿色节点“幽灵”，即似乎在位置周围反弹。
注意事项：

1. nodeView上的.simultaneousGesture可以让我用一个手指同时拖动图形和节点。但我想用两个手指分别拖动图形和节点：一个在节点上，另一个在图形上。
   1.一些UI（例如ZStack上的.offset）设置为模仿我的应用程序的实际设置。
   如果有更好的方法的话，我也愿意在UIKit中这样做。我怀疑目前的问题是来自图形和节点手势处理程序上的竞争“触发周期”。

struct StackOverflowTestView: View {
    @State var graphOffset: CGFloat = .zero
    @State var graphPreviousOffset: CGFloat = .zero

    @State var nodePosition: CGFloat = 200.0
    @State var nodePreviousPosition: CGFloat = 200.0

    @State var nodeIsDragged = false

    @State var lastNodeTranslation: CGFloat = .zero

    var graphDrag: some Gesture {
        DragGesture()
            .onChanged { graphDragValue in
                graphOffset = graphPreviousOffset + graphDragValue.translation.height

                // If we're simultaneously dragging the node,
                // add inverse graph translation to node's position,
                // so that node stays under our finger:
                if nodeIsDragged {
                    nodePosition = nodePreviousPosition + lastNodeTranslation - graphDragValue.translation.height
                }
            }
            .onEnded { _ in
                graphPreviousOffset = graphOffset
            }
    }

    var nodeDrag: some Gesture {
        // .local: node translation is relative to graph's translation,
        //    e.g. graph +200, node -200 = node translation is -400
        // .global: node translation affected by graph's translation
        DragGesture(coordinateSpace: SwiftUI.CoordinateSpace.global)
            .onChanged { nodeDragValue in
                nodeIsDragged = true
                lastNodeTranslation = nodeDragValue.translation.height
                nodePosition = nodePreviousPosition + nodeDragValue.translation.height
            }
            .onEnded { _ in
                nodeIsDragged = false
                lastNodeTranslation = 0
                nodePreviousPosition = nodePosition
            }
    }

    var nodeView: some View {
        Rectangle()
            .fill(.green.opacity(0.9))
            .frame(width: 100, height: 100) // NODE SIZE
            .position(x: 500, y: nodePosition) // NODE POSITION
            .gesture(nodeDrag)
    }

    var graphView: some View {
        ZStack { nodeView }
            .border(.blue, width: 32)
            .offset(x: 0, y: graphOffset) // GRAPH OFFSET
            .background(Rectangle()
                            .fill(.pink.opacity(0.1))
                            .frame(width: 1200, height: 800)
                            .gesture(graphDrag))
    }

    var body: some View {
        graphView.border(.yellow)
    }
}