SwiftUI DatePicker添加LongPressGesture致默认手势失效问题

问题核心是直接给DatePicker添加simultaneousGesture会和其内部默认手势产生冲突，导致无法触发打开面板的操作。下面提供一个不破坏默认交互的解决方案：

方案：通过Overlay添加透明手势层 #

将自定义手势添加到覆盖在DatePicker上的透明视图上，这样既不会干扰DatePicker的默认手势，又能触发自定义函数：

@State private var selection = Date()
let range = Date()...Date().addingTimeInterval(86400*365)

var body: some View {
    DatePicker("title", selection: $selection, in: range, displayedComponents: .date)
        .overlay(
            // 透明视图，不影响视觉展示
            Color.clear
                // 设置点击区域覆盖整个DatePicker范围
                .contentShape(Rectangle())
                .onTapGesture {
                    doTheThing()
                }
                .onLongPressGesture {
                    doTheThing()
                }
        )
}

func doTheThing() {
    // 执行你的自定义逻辑
    print("DatePicker即将打开，触发指定操作")
}

原理说明 #

• 透明的Color.clear视图完全覆盖DatePicker，但不会遮挡其视觉效果和内部交互逻辑
• contentShape(Rectangle())确保整个DatePicker区域都能响应自定义手势
• 自定义手势添加在独立的overlay层，和DatePicker内部的默认手势互不冲突：既会正常触发DatePicker打开面板的行为，也会同步调用doTheThing()

原方案失效原因 #

直接使用simultaneousGesture时，自定义手势和DatePicker内部的系统手势会进入竞争识别状态，系统手势的优先级被抑制，导致无法触发打开面板的默认行为。而overlay的方式相当于分离了两个手势接收层，从根本上避免了冲突。

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