SwiftUI需求：点击按钮与按钮周边区域执行不同操作

要实现点击START按钮周围黑色区域返回旧视图的功能，可通过ZStack嵌套全屏可点击背景的方式处理，具体方案如下：

实现思路 #

用ZStack将全屏黑色背景（绑定点击手势）和原有START按钮叠加：

• 底层全屏黑色背景负责响应外围区域的点击，触发返回旧视图的逻辑
• 上层START按钮保留原有切换视图的功能，且不会被背景遮挡

修改后的完整代码 #

ZStack {
    // 全屏黑色背景，点击外围区域触发返回
    Color.black
        .edgesIgnoringSafeArea(.all)
        .onTapGesture {
            // 直接将视图显示状态设为false，回到旧视图
            secondHalfTimerShowing = false
            secondHalfButtonShowing = false
        }
    
    // 原有的START按钮
    Button("START") {
        secondHalfTimerShowing.toggle()
        secondHalfButtonShowing.toggle()
    }
    .buttonStyle(StartButtonGreen1())
    .transition(.scale)
}

细节说明 #

1. 层级优先级：按钮处于ZStack上层，点击按钮时会优先响应自身的点击事件，不会触发背景手势
2. 状态控制：点击外围时直接将控制视图显示的变量设为false，相比toggle更稳妥，避免状态切换出错
3. 全屏覆盖：edgesIgnoringSafeArea(.all)确保黑色背景覆盖整个屏幕（包括安全区域），无点击无效的边缘盲区

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