如何在SwiftUI中更改按钮的背景颜色?

VVi*_*tor 3 button swiftui

在SwiftUI中更改按钮背景颜色的最佳方法是什么?

我想创建一个图块,它是一个带有居中文本和某种颜色的矩形背景的按钮。

Gal*_*her 36

如果您使用.buttonStyle(style:)修饰符并想要更改背景颜色,请使用.tint(tint:)而不是.background(alignment:content)。例如,您可以通过以下方式将.borderedProminent按钮样式更改为绿色:

Button("Press Me!") {
    //stuff to do
}
.buttonStyle(.borderedProminent)
.tint(.green)
Run Code Online (Sandbox Code Playgroud)

按钮截图

  • 这适用于 ios 15 以上和 ios 15 以下 .background(Color.black) (5认同)

Tua*_*yen 18

在此处输入图片说明

您可以在没有任何容器的情况下直接向按钮添加修改项(例如:组)

Button(action: {}) {
    Text("Click me!")
}
.padding()
.foregroundColor(.white)
.background(Color.red)
Run Code Online (Sandbox Code Playgroud)

希望能帮到人!

  • 怎么会 。当您在资源文件夹中设置了颜色时,背景(颜色(“蓝色”))不起作用?! (2认同)

小智 9

            Button(action: {self.buttonTapped()}) {
            Text("Button")
                .padding(.all, 12)
                .foregroundColor(.white)
                .background(Color.red)
        }
Run Code Online (Sandbox Code Playgroud)

这就是整个 bg 可点击的方式

  • 这看起来很奇怪,但这是在按钮中自定义背景颜色的正确方法 (2认同)

Dan*_*iel 7

在此处输入图片说明

Group {
    Button(action: { }) {
        Text("Button Text!")
            .padding()
    }
}
.background(Color.black)
Run Code Online (Sandbox Code Playgroud)