SwiftUI中如何让.draggable()支持点击拖拽而非长按拖拽？

可以通过自定义ViewModifier结合扩展实现需求——无需重写整套拖拽逻辑，仅修改内置.draggable()的触发手势时长，就能让拖拽在点击瞬间启动，同时完全保留原修饰符的所有功能（包括拖拽预览、数据传递、系统级拖拽行为）。

核心思路 #

内置.draggable()默认使用**长按手势（UILongPressGestureRecognizer）**触发，我们只需将该手势的minimumPressDuration（长按最短时长）改为0，即可实现点击即拖拽的效果。通过UIViewRepresentable可以获取SwiftUI视图的底层UIView，进而修改手势参数。

完整代码实现 #

import SwiftUI

// 自定义修饰符：修改拖拽触发时长为0
struct ClickDragModifier<Data>: ViewModifier where Data: Transferable {
    let data: () -> Data
    
    func body(content: Content) -> some View {
        content
            .draggable(data)
            .background(
                UIViewRepresentable { uiView in
                    // 延迟执行，确保内置draggable已添加手势
                    DispatchQueue.main.async {
                        uiView.gestureRecognizers?.forEach { gesture in
                            if let longPress = gesture as? UILongPressGestureRecognizer {
                                longPress.minimumPressDuration = 0
                            }
                        }
                    }
                }
            )
    }
}

// 扩展View，提供自定义的点击拖拽修饰符
extension View {
    func clickDraggable<Data>(_ data: @escaping () -> Data) -> some View where Data: Transferable {
        self.modifier(ClickDragModifier(data: data))
    }
}

// 测试视图（替换你的原有代码）
struct TestView3: View {
    @State var ee: String = ""
    var body: some View {
        VStack(spacing: 40) {
            Text("Drag me")
                .clickDraggable { "Drag me" }
                .padding()
                .background(.blue.opacity(0.2))
                .cornerRadius(8)
            
            Text("to here")
                .dropDestination(for: String.self) { droppedObjects, location in
                    ee = droppedObjects[0]
                    return true
                }
                .padding()
                .background(.green.opacity(0.2))
                .cornerRadius(8)
            
            Text("You dropped: '\(ee)'")
                .font(.subheadline)
        }
        .padding()
    }
}

关键说明 #

1. 保留原有功能：自定义修饰符内部直接调用内置.draggable()，因此所有原生拖拽特性（如拖拽预览动画、跨应用拖拽支持）都能完整保留。
2. 触发逻辑修改：通过UIViewRepresentable获取底层UIView，找到内置的长按手势并将其触发时长设为0，实现点击拖拽。
3. dropDestination无需修改：接收端的dropDestination只处理拖拽数据，与触发方式无关，直接沿用原有代码即可。

使用方式 #

将原代码中的.draggable(data)替换为.clickDraggable(data)即可，其他代码无需改动。

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