SwiftUI：拖拽Item时预览出现裁剪与圆角背景异常问题？

从GIF中可见，拖拽Item时，Item内部超出宽高的视图被裁剪，且圆角后方出现白色背景。

以下是基础实现代码：

struct ReorderableForEach<Content: View>: View {

    var items: [Picture]
    let content: (Int) -> Content
    let move: (IndexSet, Int) -> Void

    @State private var current: Picture?

    init(
        items: [Picture],
        @ViewBuilder content: @escaping (Int) -> Content,
        move: @escaping (IndexSet, Int) -> Void
    ) {
        self.items = items
        self.content = content
        self.move = move
    }

    var body: some View {
        ForEach(Array(zip(items.indices, items)), id: \.1) { index, item in
            content(index)
                .onDrop(
                    of: [.text],
                    delegate: DragRelocateDelegate(
                        item: item,
                        list: items,
                        current: $current
                    ) { from, to in
                        withAnimation {
                            move(from, to)
                        }
                    }
                )
                .if(item.status != .standard, transform: { content in
                    content
                        .onDrag {
                            current = item
                            let provider = NSItemProvider(object: "\(item.id)" as NSString)
                            return provider
                        }
                })
        }
    }
}

这并非SwiftUI的Bug，而是系统默认拖拽预览的行为导致的：

• 系统生成的拖拽预览会默认裁剪超出视图边界的内容，同时添加白色背景填充。
• 解决核心是自定义拖拽预览视图，替代系统默认的生成逻辑：

具体修改方案 #

在onDrag闭包中，通过NSItemProvider注册自定义预览（iOS 16+支持）：

.onDrag {
    current = item
    let provider = NSItemProvider(object: "\(item.id)" as NSString)
    if #available(iOS 16.0, *) {
        provider.registerObject(DragPreview {
            // 复用原Item视图，禁用裁剪并设置透明背景
            content(index)
                .background(Color.clear)
                .clipped(false)
        }, visibility: .all)
    }
    return provider
}

额外检查点 #

1. 确认content视图本身没有设置强制裁剪（比如clipped()），如果有需要在预览中显式禁用。
2. 检查自定义的DragRelocateDelegate实现，确保代理中没有对拖拽过程中的视图添加额外的背景或裁剪逻辑。

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