SwiftUI dropDestination(for: URL.self)在macOS可用但iOS失效求助

问题根源 #

iOS/iPadOS 的拖拽机制和 macOS 存在核心差异：

• 视图布局空间：iOS 上无明确尺寸的视图（如未设置 frame 的 Color.clear）可能不具备可交互区域，导致 dropDestination 无法触发。
• 拖拽类型处理：iOS 对 URL 类型的拖拽需要更明确的类型声明或 NSItemProvider 包装，直接传递 URL 可能不被系统识别。
• 交互触发逻辑：iOS 拖拽需长按触发，而非 macOS 的点击拖动。

DropView 修复方案 #

1. 确保视图占据足够空间 #

给容器添加明确的 frame，让 dropDestination 有可识别的交互区域：

public struct DropView: View {
    
    @Bindable var store: StoreOf<Feature>
    @State var isDropTargeted = false
    
    public init(store: StoreOf<Feature>) {
        self.store = store
    }
    
    public var body: some View {
        ZStack {
            if isDropTargeted && store.dropsAccepted {
                Color.accentColor.opacity(0.2)
                VStack {
                    Image(systemName: "arrow.up.document")
                        .symbolRenderingMode(.hierarchical)
                        .resizable()
                        .scaledToFit()
                        .frame(width: 64, height: 64)
                    Text("Add file")
                        .foregroundStyle(.secondary)
                }
            } else {
                Color.clear
            }
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity) // 强制占据父视图全部空间
        .dropDestination(for: URL.self) { urls, _ in
            store.send(.filesDropped(urls))
            return store.dropsAccepted
        } isTargeted: { targeted in
            isDropTargeted = targeted
        }
        .contentShape(Rectangle()) // 确保整个区域可接收拖拽
    }
}

2. 配置 Info.plist 支持文件类型 #

在项目的 Info.plist 中添加 LSItemContentTypes 数组，声明你需要支持的文件类型 UTI（如 public.image、public.pdf），否则 iOS 会禁止接收对应类型的拖拽：

<key>LSItemContentTypes</key>
<array>
    <string>public.image</string>
    <string>public.pdf</string>
    <string>public.text</string>
</array>

Draggable 修复方案 #

iOS 上不能直接传递 URL 给 .draggable，需要用 NSItemProvider 包装拖拽内容，同时注意长按触发：

// 替换原有的 .draggable(url)
.draggable {
    NSItemProvider(object: url as NSURL)
}

// 如果是拖拽图片，直接传递 UIImage 更可靠：
.draggable {
    guard let image = UIImage(named: "your-image-name") else {
        return NSItemProvider()
    }
    return NSItemProvider(object: image)
}

额外注意点 #

• 若底层视图需要保持交互，可将 contentShape 改为 .contentShape(Rectangle(), eoFill: true)，避免遮挡底层点击事件。
• 真机测试时，确保设备允许文件拖拽（部分 iOS 13+ 设备需开启“文件”应用的拖拽权限）。

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