SwiftUI中如何通过插入不可见拦截视图屏蔽触摸事件？

我希望通过在视图层级中插入透明视图并拦截触摸事件，来实现条件性屏蔽触摸，不想采用更抽象的方式，这种方法对我来说更简单。

初始代码及问题 #

以下是初始实现代码：

struct ContentView: View {
    
    @State var blockTouches:Bool = false
    
    var body: some View {
        
        VStack{
            Text("toggle touch blocking")
                .padding()
                .padding()
                .onTapGesture {
                    blockTouches.toggle()
                }
            ZStack{
                VStack{
                    Color.red.opacity(0.5).onTapGesture {
                        print("TOUCHED RED")
                    }
                    Color.blue.opacity(0.5).onTapGesture {
                        print("TOUCHED BLUE")
                    }
                }
                if blockTouches {
                    // 该视图未被渲染，无法屏蔽触摸事件
                    Color.clear.onTapGesture {
                        print("TOUCH BLOCKED!")
                    }
                }
            }
        }
    }
}

问题在于使用Color.clear时，SwiftUI框架会判定该视图无需渲染，因此无法拦截触摸事件。

尝试过的无效方法 #

我试过以下写法，但都无法实现预期效果：

Rectangle()
    .fill(Color.clear)
    .onTapGesture {
        print("TOUCH BLOCKED!")
    }
    .background(Color.clear)

当前有效但不够优雅的方法 #

只有设置极低透明度的方式能生效，但这种方法不够优雅：

Color.white.opacity(0.0001).onTapGesture {
    print("TOUCH BLOCKED!")
}

更优的常规实现方式 #

推荐使用contentShape修饰符为透明视图指定可点击区域，这样既保持完全透明，又能正常拦截触摸事件：

if blockTouches {
    Color.clear
        .contentShape(Rectangle()) // 指定可点击区域为矩形，覆盖整个父视图范围
        .onTapGesture {
            print("TOUCH BLOCKED!")
        }
}

contentShape的作用是定义视图的可点击区域，即使视图本身是完全透明的，只要指定了contentShape，就能接收触摸事件。这种方式没有视觉副作用，是SwiftUI中处理透明可点击视图的标准方案。

如果需要拦截所有类型的触摸事件（不仅仅是点击），可以使用.highPriorityGesture确保透明视图优先接收触摸：

if blockTouches {
    Color.clear
        .contentShape(Rectangle())
        .highPriorityGesture(
            TapGesture()
                .onEnded {
                    print("TOUCH BLOCKED!")
                }
        )
}

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