SwiftUI中带标签Button的Tap与Long Press手势共存实现问题

嘿，我知道你现在卡在自定义Button加长按手势的问题上了，我来帮你搞定～

其实核心问题在于：SwiftUI的Button组件本身自带了点击手势，它会优先拦截你的长按手势，导致长按事件根本传不进去；而且你之前尝试把手势放在Button外面或者label闭包里，要么触发手势冲突，要么因为布局结构报错。

解决思路 #

我们可以把原来的Button替换成一个普通的可交互View（直接包裹你的ULD组件就行），然后手动添加点击手势和长按手势，这样就能完全避开Button默认手势的拦截，同时灵活控制两个手势的触发逻辑。

修改后的完整代码 #

struct MyButton: View {
    var myRow: String
    @Binding var oneTap: [Bool]
    @Binding var textInButton: String
    @Binding var arrayIndice: Int
    var arrayLocalIndice : Int
    @Binding var allWords: [String]
    @Binding var onlyOneButtonSelected: Bool
    
    var body: some View {
        // 替换原Button为自定义显示组件，手动绑定手势
        ULD(title: myRow, textColor: .black, backgroundColor: (oneTap[arrayLocalIndice]) ? .red : .green)
            // 原Button的点击逻辑
            .onTapGesture {
                if oneTap[arrayLocalIndice] {
                    onlyOneButtonSelected = false
                    oneTap[arrayLocalIndice] = false
                    textInButton = ""
                    arrayIndice = 0
                } else if !onlyOneButtonSelected {
                    onlyOneButtonSelected = true
                    oneTap[arrayLocalIndice] = true
                    textInButton = myRow
                    arrayIndice = arrayLocalIndice
                }
            }
            // 添加长按手势，minimumDuration可按需调整
            .onLongPressGesture(minimumDuration: 2) {
                // 这里写长按触发后的操作，示例是重置选中状态
                print("长按触发！")
                oneTap[arrayLocalIndice] = false
                onlyOneButtonSelected = false
                textInButton = ""
            }
            // 可选：添加长按过程中的实时反馈（比如提示用户正在长按）
            .onLongPressGesture(minimumDuration: 2, pressing: { isPressing in
                if isPressing {
                    print("正在长按，请稍等...")
                }
            }) {
                print("长按完成！")
            }
    }
}

为什么这样能解决问题？ #

1. 避开Button手势拦截：去掉自带手势的Button组件后，我们完全掌控手势的添加和优先级，不会出现长按被点击手势覆盖的情况。
2. 正确的手势挂载位置：把手势直接绑定到ULD这个显示组件上，不会触发label相关的布局报错，逻辑也更清晰。
3. 灵活的手势组合：可以同时实现点击和长按逻辑，还能通过pressing参数添加长按过程中的交互反馈，提升用户体验。

如果你一定要保留Button组件，也可以用simultaneousGesture让长按手势和Button的点击手势同时响应，但这种方式容易出现逻辑冲突（比如点击和长按同时触发），所以更推荐上面的方案。

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