SwiftUI iOS17交互式Widget按钮样式引发VoiceOver异常求助

• iOS 17 里的交互式 Widget 按钮，默认样式是系统专门做了适配的——它内部绑定了 Intent 触发的上下文逻辑。你一旦给它加任何自定义或系统自带的 buttonStyle（比如 .plain），就会打断这个绑定。结果就是 VoiceOver 认不出来这是个 Widget 里的 Intent 按钮，反而当成普通的跳 App 按钮，点击自然就直接进 App 而不触发 Intent 了，加 accessibilityLabel 也没用，因为底层的关联已经断了。
• 直接设 .tint(.clear) 只是把背景弄透明了，但默认按钮的内边距是跟着样式走的，没改样式的话，内边距规则还在，所以会出现莫名其妙的多余内边距。

方案1：自己写适配 Widget 的无背景按钮样式 #

别用系统的 .plain，自己写个简单的 ButtonStyle，既能实现无背景效果，又不破坏 Intent 绑定：

struct WidgetPlainButtonStyle: ButtonStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.label
            .opacity(configuration.isPressed ? 0.8 : 1.0) // 加个按压透明度变化，符合VoiceOver的交互反馈
    }
}

// 用的时候这么写
Button(intent: YourWidgetIntent()) {
    Text("触发操作") // 你的按钮内容
}
.buttonStyle(WidgetPlainButtonStyle())

这样既得到了无背景的按钮，VoiceOver 能正常识别，点击也会正确触发 Intent，不会跳 App。

方案2：不改样式，直接调布局消背景+修内边距 #

如果你不想自定义样式，也可以通过布局修饰符搞定：

Button(intent: YourWidgetIntent()) {
    Text("触发操作")
        .frame(maxWidth: .infinity, maxHeight: .infinity) // 让内容填满按钮空间
}
.tint(.clear) // 透明背景
.buttonBorderShape(.roundedRectangle(radius: 0)) // 去掉默认圆角带来的内边距影响
.contentShape(Rectangle()) // 确保点击区域和内容一样大
.padding(.zero) // 清零默认内边距

这套组合拳能把默认按钮的背景去掉，同时修正内边距问题，还保留了系统的 Intent 绑定逻辑，VoiceOver 正常工作。

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