macOS下SwiftUI List：同时实现选中、双击与拖拽的问题

当你为SwiftUI List的列表项添加draggable或onDrag修饰符后，拖拽手势会拦截List默认的选中交互手势（点击/长按），导致选中功能失效。以下是两种可行的解决方案：

方案1：将拖拽修饰符绑定到列表项的子视图 #

不要直接给整个列表项添加拖拽修饰符，而是将其作用于列表项内部的某个子元素（比如文本、图标）。这样列表项本身的选中手势依然能正常触发，同时子视图的拖拽功能不受影响。

示例代码：

struct ContentView: View {
    @State private var selectedItems = Set<String>()
    let items = ["文件1", "文件2", "文件3"]
    
    var body: some View {
        List(items, id: \.self, selection: $selectedItems) { item in
            HStack {
                // 仅给文本添加拖拽功能
                Text(item)
                    .draggable(item) {
                        Text(item)
                            .padding(8)
                            .background(Color.gray.opacity(0.8))
                            .foregroundColor(.white)
                            .cornerRadius(4)
                    }
                Spacer()
            }
            .contextMenu(forSelectionType: String.self) { _ in
                Button("删除") {
                    // 上下文菜单逻辑
                }
            } primaryAction: { _ in
                // 双击触发逻辑
                print("双击：\(item)")
            }
        }
        .toolbar {
            EditButton()
        }
    }
}

方案2：自定义手势优先级，让选中与拖拽共存 #

如果必须给整个列表项添加拖拽，可以通过调整手势优先级，确保List的选中手势不会被拖拽拦截。使用highPriorityGesture保留选中的点击/长按逻辑，同时配合拖拽手势实现共存。

示例代码：

struct ContentView: View {
    @State private var selectedItems = Set<String>()
    let items = ["文件1", "文件2", "文件3"]
    
    var body: some View {
        List(items, id: \.self, selection: $selectedItems) { item in
            Text(item)
                .draggable(item) {
                    Text(item)
                        .padding(8)
                        .background(Color.gray.opacity(0.8))
                        .foregroundColor(.white)
                        .cornerRadius(4)
                }
                // 让选中手势优先响应
                .highPriorityGesture(
                    TapGesture(count: 1).onEnded {
                        // 手动切换选中状态
                        selectedItems.contains(item) ? selectedItems.remove(item) : selectedItems.insert(item)
                    }
                )
                .contextMenu(forSelectionType: String.self) { _ in
                    Button("删除") {
                        // 上下文菜单逻辑
                    }
                } primaryAction: { _ in
                    print("双击：\(item)")
                }
        }
        .toolbar {
            EditButton()
        }
    }
}

关键说明 #

拖拽手势的优先级默认高于List的选中手势，直接给列表项加draggable会抢占交互事件。方案1是最简洁的解决方式，通过隔离拖拽和选中的作用区域避免手势冲突；方案2则通过手动控制手势优先级，强制保留选中逻辑。

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