ios - 删除 SwiftUI (WatchKit) 中的圆形按钮背景

Question

我正在努力删除 SwiftUI 中自定义圆形 Button 元素的背景，其定义如下:

struct NavButton: View {
    var body: some View {
        Button(action: {})
            VStack {
                Text("Button")
            }
            .padding(40)
            .background(Color.red)
            .font(.title)
            .mask(Circle())
        }
    }
}

这会在按钮周围产生一个矩形的浅灰色背景，我希望它不显示:



我试图在按钮上附加一个“背景”修饰符，它表现出非常奇怪的行为:如果它设置为“Color.clear”，则没有效果。但是如果我将它设置为“Color.green”，它确实会按预期改变背景。

将“背景”修饰符设置为“Color.green”的示例:

struct NavButton: View {
        var body: some View {
            Button(action: {})
                VStack {
                    Text("Button")
                }
                .padding(40)
                .background(Color.red)
                .font(.title)
                .mask(Circle())
            }
            .background(Color.green) // has no effect if set to "Color.clear"
        }
    }

我想知道我是否在这里遗漏了什么？

PS:我使用的是 Xcode 11.1 (11A1027)

Answer 1

尝试添加 .buttonStyle(PlainButtonStyle())在按钮本身上。

你会有这样的事情:

    Button(action: {}){
        VStack{
            Text("Button")
        }
        .padding(40)
        .background(Color.red)
        .font(.headline)
        .mask(Circle())  
    }
    .buttonStyle(PlainButtonStyle())