SwiftUI添加overlay修饰符的Button无法点击如何解决

SwiftUI里通过overlay添加的视图处于父视图的上方层级，你代码中overlay内带填充背景的圆角矩形默认会参与点击命中测试，直接拦截了所有手势事件，下层的Button自然无法响应点击。移除overlay后没有上层视图遮挡，Button就能正常触发。

两种方案都可以实现保留虚线边框效果+正常点击，按需选择即可：

• 最小改动方案：给overlay内部的圆角矩形添加.allowsHitTesting(false)修饰符，禁用该视图的交互响应，让点击事件直接穿透到下层的Button。
• 结构优化方案：把半透明背景、虚线边框直接作为Button内容的样式修饰符，不放在overlay层，从根源上避免上层视图拦截手势，代码层级也更清晰。

Button {
    UIImpactFeedbackGenerator(style: .light).impactOccurred()
    UIPasteboard.general.string = viewModel.promoCode?.code ?? ""
} label: {
    HStack {
        Text(viewModel.promoCode?.code ?? "")
            .foregroundColor(Color(UIColor.uStadium.primary))
            .font(Font(UIFont.uStadium.helvetica(ofSize: 14)))
            .padding(.leading, 20)
        Spacer()
        Image("copyIcon")
            .foregroundColor(Color(UIColor.uStadium.primary))
            .padding(.trailing, 20)
    }
    .frame(height: 42)
    // 半透明背景
    .background(
        RoundedRectangle(cornerRadius: 8)
            .fill(Color(UIColor.uStadium.primary.withAlphaComponent(0.2)))
    )
    // 虚线边框
    .overlay(
        RoundedRectangle(cornerRadius: 8)
            .stroke(Color(UIColor.uStadium.primary), style: StrokeStyle(lineWidth: 2, dash: [10]))
            .allowsHitTesting(false) // 哪怕边框放在overlay，加这行就不会拦点击
    )
    .cornerRadius(8)
}

注意：不要给有点击交互的组件上层添加带填充色/内容的overlay视图而不做命中测试禁用，这类非纯透明的视图默认都会拦截点击。

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