如何将单个容器标记为支持多种Transferable类型的dropDestination？

问题根源 #

直接给同一个视图叠加多个dropDestination修饰符是无效的——SwiftUI会优先匹配第一个符合条件的拖放目标，后续的修饰符会被系统忽略，这就是你拖放URL时显示禁止图标的核心原因。

方案1：用AnyTransferable统一处理多类型 #

可以使用AnyTransferable作为拖放目标的通用类型，在处理闭包里判断实际的拖放内容类型，分别处理String、URL、Data（图片）。修改后的代码如下：

struct ContentView: View {
    
    @State private var stringPayload: String = ""
    @State private var imageData: Data?
    
    var body: some View {
        VStack {
            ZStack {
                Color.yellow
                Text(stringPayload)
                if let imageData, let uiImage = UIImage(data: imageData) {
                    Image(uiImage: uiImage)
                        .resizable()
                        .scaledToFit()
                }
            }
            .dropDestination(for: AnyTransferable.self) { items, location in
                for item in items {
                    // 匹配String类型
                    if let string = try? item.get(String.self) {
                        stringPayload = string
                        imageData = nil
                        return true
                    }
                    // 匹配URL类型
                    else if let url = try? item.get(URL.self) {
                        if let data = try? Data(contentsOf: url) {
                            imageData = data
                            stringPayload = ""
                            return true
                        }
                    }
                    // 匹配Data（图片）类型
                    else if let data = try? item.get(Data.self) {
                        imageData = data
                        stringPayload = ""
                        return true
                    }
                }
                return false
            }
            
            // 测试String拖拽
            Text("Hello world!")
                .draggable("Hello world!")
            
            // 测试URL拖拽（替换为你的本地图片路径）
            Button("拖拽本地图片URL") {
                guard let url = URL(string: "file:///Users/xxx/Desktop/test.jpg") else { return }
                let item = NSItemProvider(object: url as NSURL)
                let interaction = UIDragInteraction(delegate: DragDelegate(item: item))
                UIApplication.shared.windows.first?.rootViewController?.view.addInteraction(interaction)
                interaction.begin()
            }
        }
    }
}

// 辅助实现URL拖拽的代理类
class DragDelegate: NSObject, UIDragInteractionDelegate {
    let item: NSItemProvider
    init(item: NSItemProvider) {
        self.item = item
    }
    
    func dragInteraction(_ interaction: UIDragInteraction, itemsForBeginning session: UIDragSession) -> [UIDragItem] {
        return [UIDragItem(itemProvider: item)]
    }
}

方案2：自定义Transferable枚举（类型更清晰） #

如果需要更清晰的类型管理，可以自定义一个包含所有支持类型的枚举，让它符合Transferable协议：

// 自定义拖放负载枚举
enum DropPayload: Transferable {
    case string(String)
    case url(URL)
    case data(Data)
    
    static var transferRepresentation: some TransferRepresentation {
        // 处理String类型
        StringRepresentation(importedContentType: .plainText) { string in
            .string(string)
        }
        // 处理URL类型
        URLRepresentation(importedContentType: .url) { url in
            .url(url)
        }
        // 处理图片Data类型
        DataRepresentation(importedContentType: .image) { data in
            .data(data)
        }
    }
}

然后在视图中使用这个枚举作为拖放目标：

ZStack {
    // ... 原有视图内容
}
.dropDestination(for: DropPayload.self) { items, location in
    guard let payload = items.first else { return false }
    switch payload {
    case .string(let str):
        stringPayload = str
        imageData = nil
    case .url(let url):
        if let data = try? Data(contentsOf: url) {
            imageData = data
            stringPayload = ""
        }
    case .data(let data):
        imageData = data
        stringPayload = ""
    }
    return true
}

关键注意点 #

• 同一个视图仅能生效一个dropDestination修饰符，多添加的会被SwiftUI忽略。
• AnyTransferable适合快速兼容多种已实现Transferable的类型，无需额外定义。
• 自定义枚举的方式类型更明确，适合需要对拖放逻辑做统一管理的场景。

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