SwiftUI条件渲染异常：模拟器中if/else触发按钮交互

这是iOS 16.4模拟器特有的SwiftUI视图复用与状态缓存bug：当条件渲染的两个视图（此处为Text和Button）布局位置重叠、尺寸相近时，模拟器会错误保留前一个视图（按钮）的交互响应区域——即便当前显示的是文本视图，点击操作仍会触发按钮的handleTap方法。实体设备不存在该缓存逻辑缺陷，因此表现正常。

解决方法（任选其一） #

• 为两个条件视图添加唯一id，强制SwiftUI区分视图身份：

if let item = data.item, item.isPublished {
  Text("Published 👍")
    .id("published-status-text")
} else {
  Button(action: handleTap) {
    Text("Tap to publish")
  }
  .id("publish-action-button")
}

• 将条件渲染逻辑封装为独立@ViewBuilder视图，帮助SwiftUI更清晰地管理视图生命周期：

@ViewBuilder
private func publishStatusView() -> some View {
  if let item = data.item, item.isPublished {
    Text("Published 👍")
  } else {
    Button(action: handleTap) {
      Text("Tap to publish")
    }
  }
}

// 在body中调用该视图
publishStatusView()

• 给文本视图添加.allowsHitTesting(false)，明确禁用点击响应：

if let item = data.item, item.isPublished {
  Text("Published 👍")
    .allowsHitTesting(false)
} else {
  Button(action: handleTap) {
    Text("Tap to publish")
  }
}

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