SwiftUI macOS列表同时实现点击与重排序的问题求助

问题分析 #

核心矛盾是手势优先级冲突：自定义的onTapGesture会拦截List默认的重排序触发手势，而contentShape又会改变手势响应的区域范围，导致两者的触发区域互相挤压。

简便解决方案 #

不需要自定义手势处理器，以下两种方式即可解决：

方式1：利用List原生选中事件（推荐） #

macOS的List本身支持选中回调，直接复用系统逻辑，既不干扰重排序，又能实现点击触发效果：

List(selection: $selectedItem) {
    ForEach(items, id: \.self) { item in
        Text(item.name)
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
            .contentShape(Rectangle())
            .onTapGesture(count: 2) {
                print("double-clicked on item")
            }
    }
    .onMove { from, to in
        print("moving from \(from) to \(to)")
        items.move(fromOffsets: from, toOffset: to)
    }
}
.onChange(of: selectedItem) { newItem in
    guard let item = newItem else { return }
    print("clicked on item: \(item.name)")
}

单点击用系统选中事件处理，双击保留自定义手势，同时contentShape保证整行都能响应操作，重排序功能不受影响。

方式2：调整手势优先级 #

如果一定要保留onTapGesture，可以通过手势修饰符调整优先级，避免拦截系统重排序手势：

List(selection: $selectedItem) {
    ForEach(items, id: \.self) { item in
        Text(item.name)
            .frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .leading)
            .contentShape(Rectangle())
            .highPriorityGesture(
                TapGesture(count: 2)
                    .onEnded {
                        print("double-clicked on item")
                    }
            )
            .gesture(
                TapGesture()
                    .onEnded {
                        print("clicked on item")
                    }
            )
    }
    .onMove { from, to in
        print("moving from \(from) to \(to)")
        items.move(fromOffsets: from, toOffset: to)
    }
}

用highPriorityGesture确保双击优先响应，普通点击用gesture（不拦截系统默认的重排序手势），实现两者共存。

原理说明 #

• List的重排序手势是系统内置的，默认优先级低于自定义的onTapGesture，添加自定义手势后会覆盖重排序的响应区域。
• contentShape(Rectangle())将整行设为手势响应区，导致系统重排序手势只能在未被覆盖的边缘触发；移除后，仅文本区域被点击手势覆盖，其余区域仍可触发重排序。

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