SwiftUI技术问询：如何处理LazyVGrid外部的拖放事件？

你可以通过两种方式实现拖放至当前View外部时触发指定操作：

方法一：利用onDrag的结束回调 #

在你的item视图上添加onDrag修饰符，通过onEnded参数监听拖放操作的最终状态。当拖放未被任何有效目标接收（即操作状态为.canceled）时，执行你需要的逻辑：

var body: some View {
    LazyVGrid(columns: ...) {
        ForEach(...) { item in
            createItem(...)
                .onDrag {
                    // 生成拖放所需的ItemProvider，根据你的实际数据调整
                    NSItemProvider(object: item.id.uuidString as NSString)
                } onEnded: { operation in
                    // 拖放未成功放置（外部结束）时执行操作
                    if operation == .canceled {
                        draggingItem = nil
                        viewModel.didFinishDragging()
                    }
                }
                .onDrop(of: [.text], delegate: DropRelocateDelegate(didFinishDragging: {
                    draggingItem = nil
                    viewModel.didFinishDragging()
                }))
        }
    }
}

这种方式无需额外添加视图，直接通过拖放的结束状态判断，逻辑简洁。

方法二：添加全屏透明覆盖层捕获外部拖放 #

在LazyVGrid外层嵌套ZStack，添加一个全屏的透明视图作为兜底的drop目标，捕获所有未落到网格内的拖放操作：

1. 自定义外部拖放代理 #

class ExternalDropDelegate: DropDelegate {
    private let didDropOutside: () -> Void
    
    init(didDropOutside: @escaping () -> Void) {
        self.didDropOutside = didDropOutside
    }
    
    func performDrop(info: DropInfo) -> Bool {
        didDropOutside()
        return false // 无需处理拖放数据，仅触发回调
    }
}

2. 修改视图结构 #

var body: some View {
    ZStack {
        LazyVGrid(columns: ...) {
            ForEach(...) { item in
                createItem(...)
                    .onDrop(of: [.text], delegate: DropRelocateDelegate(didFinishDragging: {
                        draggingItem = nil
                        viewModel.didFinishDragging()
                    }))
            }
        }
        // 全屏透明覆盖，捕获网格外的拖放
        Color.clear
            .onDrop(of: [.text], delegate: ExternalDropDelegate(didDropOutside: {
                draggingItem = nil
                viewModel.didFinishDragging()
            }))
    }
}

这种方式能确保所有屏幕区域都被覆盖，即使拖放到其他视图上也能触发回调，适合复杂布局场景。

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