SwiftUI如何让ZStack中的多个视图同时响应点击手势？

要让点击红色矩形时同时触发黄色矩形的点击响应，有两种简便的实现方式：

方式一：提取处理逻辑，通过同时手势触发 #

将两个视图的点击逻辑提取为独立函数，然后在红色矩形的点击手势中，通过simultaneousGesture同时触发黄色的处理逻辑。这种方式既能保留各自的点击逻辑，也能在点击红色区域时同时触发两者的响应：

struct MultiTouchView: View {
    private func yellowTapped() {
        print("Yellow rectangle tapped")
    }
    
    private func redTapped() {
        print("Red rectangle tapped")
    }
    
    var body: some View {
        ZStack(alignment: .center) {
            Rectangle()
                .foregroundColor(.yellow).opacity(0.3)
                .onTapGesture(perform: yellowTapped)
            
            Rectangle()
                .foregroundColor(.red)
                .frame(width: 200, height: 200)
                .onTapGesture(perform: redTapped)
                // 添加同时手势，触发黄色矩形的点击逻辑
                .simultaneousGesture(TapGesture().onEnded {
                    yellowTapped()
                })
        }
    }
}

优势：点击黄色矩形未被红色覆盖的区域时，只会触发黄色的响应；点击红色区域时，两者的响应都会触发，逻辑清晰且无代码重复。

方式二：直接在红色点击逻辑中调用黄色的处理 #

如果业务逻辑简单，也可以直接在红色矩形的点击闭包中重复调用黄色的处理代码，这种方式最直接，适合简单场景：

struct MultiTouchView: View {
    var body: some View {
        ZStack(alignment: .center) {
            Rectangle()
                .foregroundColor(.yellow).opacity(0.3)
                .onTapGesture {
                    print("Yellow rectangle tapped")
                }
            
            Rectangle()
                .foregroundColor(.red)
                .frame(width: 200, height: 200)
                .onTapGesture {
                    print("Red rectangle tapped")
                    print("Yellow rectangle tapped")
                }
        }
    }
}

注意：这种方式存在代码重复，若后续黄色的处理逻辑变更，需要同时修改两处代码，更推荐使用方式一。

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