Why am I getting "Instance method 'background(_:alignment:)' requires that 'UIColor' conform to 'View'"?

Question

I would like to understand why am I having issue with the background()?

Instance method 'background(_:alignment:)' requires that 'UIColor' conform to 'View'

var body: some View {
    
    Button("MY BUTTON") {
        print("the action")
    }
    .padding()
    .background(Color.black)
    .foregroundColor(.white)
    .clipShape(Capsule())
}

UPDATE

Get same thing with this:

Thanks

Answer 1

You probably created another struct/class called Color. Xcode syntax highlighting is different for Color.black - this suggests you're not using the SwiftUI Color.

Try this calling it explicitly:

.background(SwiftUI.Color.black)

Answer 2

Had the same problem, none of the answers helped me either. What finally worked for me was defining (initialising) the color each time.

Text("Hello World").padding.background(Color.init(UIColor(red: 0, green:0, blue:0, alpha: 1)))

Answer 3

Check the syntax once.

This might work:

var body: some View {

    Button(action: {
        print("the action tapped!")
    }) {
        Text("Hello World")
            .padding()
            .background(Color.black)
            .foregroundColor(.white)
            .clipShape(Capsule())
       }
}