SwiftUI中能否同时使用.onDrag与DragGesture？冲突问题求解

要同时实现画布内拖拽更新坐标和跨视图拖拽，核心问题是系统的onDrag会在触发跨视图拖拽会话时接管手势识别，导致本地DragGesture中断。以下是两种可行的解决方案：

方案一：SwiftUI原生手势状态区分（简单场景） #

通过标记跨视图拖拽状态，在本地拖拽手势中仅处理非跨视图拖拽阶段的位置更新，同时保留onDrag的功能：

struct FileView: View {
    @State private var position = CGPoint(x: 100, y: 100)
    @State private var isCrossDragging = false // 标记是否处于跨视图拖拽
    
    var body: some View {
        // 替换为你的FileView内容视图
        Rectangle()
            .fill(Color.blue)
            .frame(width: 100, height: 100)
            .position(position)
            .simultaneousGesture(
                DragGesture(minimumDistance: 0)
                    .onChanged { value in
                        // 仅在非跨视图拖拽时更新本地坐标
                        if !isCrossDragging {
                            position = value.location
                        }
                    }
                    .onEnded { _ in
                        isCrossDragging = false
                    }
            )
            .onDrag {
                // 触发跨视图拖拽时标记状态
                isCrossDragging = true
                // 返回你的拖拽数据，这里示例为字符串
                return NSItemProvider(object: "file-identifier" as NSString)
            }
    }
}

这种方法适合不需要在跨视图拖拽过程中同步更新本地位置的场景，仅在拖拽初始阶段处理本地移动，触发跨视图拖拽后停止本地更新。

方案二：UIKit手势代理（全场景兼容） #

如果需要在跨视图拖拽的整个过程中都同步更新本地坐标，必须借助UIKit的手势识别代理，允许本地拖拽手势与系统拖拽手势同时识别：

1. 创建拖拽包装视图 #

struct DragCompatibleWrapper<Content: View>: UIViewRepresentable {
    let content: Content
    @Binding var position: CGPoint
    let dragDataProvider: () -> NSItemProvider // 跨视图拖拽数据提供器
    
    func makeUIView(context: Context) -> UIHostingController<Content> {
        let hostingController = UIHostingController(rootView: content)
        // 添加本地拖拽手势
        let panGesture = UIPanGestureRecognizer(
            target: context.coordinator,
            action: #selector(context.coordinator.handlePanGesture(_:))
        )
        panGesture.delegate = context.coordinator
        hostingController.view.addGestureRecognizer(panGesture)
        
        // 启用跨视图拖拽
        let dragInteraction = UIDragInteraction(delegate: context.coordinator)
        hostingController.view.addInteraction(dragInteraction)
        
        return hostingController
    }
    
    func updateUIView(_ uiView: UIHostingController<Content>, context: Context) {
        uiView.rootView = content
        uiView.view.center = position
    }
    
    func makeCoordinator() -> Coordinator {
        Coordinator(parent: self)
    }
    
    class Coordinator: NSObject, UIGestureRecognizerDelegate, UIDragInteractionDelegate {
        private let parent: DragCompatibleWrapper
        
        init(parent: DragCompatibleWrapper) {
            self.parent = parent
        }
        
        // 允许本地拖拽手势与系统拖拽手势同时识别
        func gestureRecognizer(_ gestureRecognizer: UIGestureRecognizer, shouldRecognizeSimultaneouslyWith otherGestureRecognizer: UIGestureRecognizer) -> Bool {
            return true
        }
        
        // 处理本地拖拽更新坐标
        @objc func handlePanGesture(_ gesture: UIPanGestureRecognizer) {
            let translation = gesture.translation(in: gesture.view)
            switch gesture.state {
            case .changed:
                parent.position = CGPoint(
                    x: parent.position.x + translation.x,
                    y: parent.position.y + translation.y
                )
                gesture.setTranslation(.zero, in: gesture.view)
            default:
                break
            }
        }
        
        // 提供跨视图拖拽数据
        func dragInteraction(_ interaction: UIDragInteraction, itemsForBeginning session: UIDragSession) -> [UIDragItem] {
            let itemProvider = parent.dragDataProvider()
            return [UIDragItem(itemProvider: itemProvider)]
        }
    }
}

2. 在FileView中使用包装器 #

struct FileView: View {
    @State private var position = CGPoint(x: 100, y: 100)
    
    var body: some View {
        DragCompatibleWrapper(
            content: Rectangle() // 替换为你的FileView内容
                .fill(Color.blue)
                .frame(width: 100, height: 100),
            position: $position,
            dragDataProvider: {
                // 返回你的跨视图拖拽数据
                NSItemProvider(object: "file-unique-id" as NSString)
            }
        )
    }
}

这种方案通过UIKit的手势代理机制，让本地拖拽和跨视图拖拽手势同时被识别，实现拖拽过程中本地坐标与跨视图拖拽的同步。

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