SwiftUI中ZStack的onTapGesture点击仅部分生效如何解决

• SwiftUI 默认仅对视图的非透明可见区域响应点击事件，当前ZStack虽然设置了100x100的尺寸，也添加了contentShape(Circle())定义点击区域，但系统仍会默认忽略ZStack内的透明无内容区域，只有实际有渲染内容的点位（比如底部图片的非透明区、顶部小图标区域）才会响应点击手势。

最简便的处理方式是在ZStack最底层插入一个透明的Color视图撑满整个区域，强制系统将整个100x100的圆形区域识别为可点击热区，修改后的ZStack代码如下：

ZStack {
    // 新增透明背景撑满整个ZStack，保证全区域可点击
    Color.clear
        .frame(width: 100, height: 100)
    if let image = pfimage {
        Image(uiImage: image)
            .resizable()
            .frame(width: 100, height: 100)
    } else {
        Image("testimage")
            .resizable()
            .frame(width: 100, height: 100)
    }
    Image(systemName: "photo")
        .resizable()
        .frame(width: 30, height: 25)
        .foregroundColor(Color.white)
}
.clipShape(Circle())
.contentShape(Circle())
// 可选添加：明确允许点击，避免子视图拦截手势
.allowsHitTesting(true)
.onTapGesture {
    print("tap")
    changepfsheet = true
}

如果修改后仍存在响应异常，可检查是否有其他透明视图覆盖在ZStack上方拦截了点击事件，移除覆盖即可。

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