SwiftUI点击按钮触发整个VStack高亮的问题修复求助

我完全懂你遇到的这个糟心问题——点"Order Now"按钮时，外层整个VStack都跟着高亮了，这确实是SwiftUI默认交互样式容易踩的小坑。

问题根源 #

SwiftUI的默认Button样式（也就是DefaultButtonStyle）会把点击时的高亮反馈扩散到父容器视图里。尤其是当父视图没设置明确背景或者交互限制的时候，这种扩散效果就会显现出来；如果这个VStack还嵌在List、NavigationLink这类自带交互反馈的组件里，情况会更明显。

快速修复方案 #

你只需要给OrderButton里的按钮加个明确的样式，就能阻止高亮扩散，最简单的办法就是用PlainButtonStyle()：

修改后的OrderButton代码如下：

struct OrderButton: View{
    var body: some View{
        Button(action:{}){
            Text("Order Now")
        }
        .frame(width:200,height:50)
        .font(.headline)
        .foregroundColor(.white)
        .background(Color.black)
        .cornerRadius(10)
        .buttonStyle(PlainButtonStyle()) // 新增此行，限制高亮仅作用于按钮本身
    }
}

额外补充（如果适用） #

要是你的VStack是放在List的单元格里，除了上面的修改，还可以给列表行加上.listRowBackground(Color.clear)，彻底消除行的默认高亮，确保只有按钮本身有点击反馈。

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