如何在macOS的SwiftUI侧边栏中实现原生拖放目标背景效果？

要实现与List(selection: $selectedItem)完全一致的原生拖放高亮（匹配Finder侧边栏样式），无需自定义模拟背景，可通过以下方式实现：

核心实现方案 #

直接利用SwiftUI提供的系统原生颜色与rowBackground修饰符，结合dropDestination的目标状态同步样式：

// 示例数据模型
struct SidebarItem: Identifiable {
    let id = UUID()
    let name: String
}

struct SidebarView: View {
    @State private var items: [SidebarItem] = [.init(name: "项目1"), .init(name: "项目2"), .init(name: "项目3")]
    
    var body: some View {
        List {
            ForEach(items) { item in
                Text(item.name)
                    .dropDestination(for: URL.self) { urls, _ in
                        // 处理拖放逻辑：将URL添加到目标位置
                        for url in urls {
                            // 此处添加业务逻辑
                            print("拖入URL: \(url)")
                        }
                        return true
                    } isTargeted: { isTargeted in
                        // 直接绑定拖放目标状态，无需额外维护highlightedItem变量
                    }
                    .rowBackground(
                        Group {
                            // 使用系统原生选中背景色，自动适配深浅模式
                            if isTargeted {
                                Color(.selectedContentBackgroundColor)
                                    .clipShape(RoundedRectangle(cornerRadius: 5))
                            } else {
                                Color.clear
                            }
                        }
                    )
            }
        }
        .sidebarStyle()
    }
}

优化：封装可复用修饰符 #

如果需要在多处复用该效果，可封装成自定义ViewModifier：

struct DropTargetHighlightModifier: ViewModifier {
    @State private var isTargeted = false
    let handleDrop: ([URL]) -> Bool
    
    func body(content: Content) -> some View {
        content
            .dropDestination(for: URL.self) { urls, _ in
                handleDrop(urls)
            } isTargeted: {
                isTargeted = $0
            }
            .rowBackground(
                isTargeted 
                ? Color(.selectedContentBackgroundColor).clipShape(RoundedRectangle(cornerRadius: 5)) 
                : Color.clear
            )
    }
}

// 扩展View方便调用
extension View {
    func dropTargetHighlight(handleDrop: @escaping ([URL]) -> Bool) -> some View {
        modifier(DropTargetHighlightModifier(handleDrop: handleDrop))
    }
}

// 使用示例
List {
    ForEach(items) { item in
        Text(item.name)
            .dropTargetHighlight { urls in
                // 处理拖放逻辑
                return true
            }
    }
}
.sidebarStyle()

关键说明 #

1. 系统原生颜色：Color(.selectedContentBackgroundColor)是Apple提供的与List选中样式完全匹配的颜色，自动适配深色/浅色模式，避免自定义颜色的偏差。
2. rowBackground修饰符：相比自定义.background，rowBackground是SwiftUI为List行设计的原生背景修饰符，完美贴合List的内边距和布局规则。
3. 状态简化：直接使用dropDestination的isTargeted参数绑定状态，无需额外维护highlightedItem变量，减少状态管理的复杂度。

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