How to set the background color of a swiftui to lightGray?

Question

I am currently trying to set the background color of a text field in SwiftUI to light gray. it is not working

my code is this

            TextField("Enter Your Email", text: $username)
            .background(Color.lightGray)

Any idea what could be wrong with it ? It works when i just use "gray" But i need the color to be lighter than that. I looked up lightGray in swift , and it says it is a color.

Answer 1

You can set the background by adding .padding() to the TextField and then using UIColor.lightGray. Setting the .padding() isn't required, however it makes it look a little more native when setting a background color.

TextField("Enter Your Email", text: $text)
    .padding()
    .background(Color(UIColor.lightGray))

Answer 2

Can also use .background(Color(.systemGray6))

Answer 3

I also sometimes adjust the color of Gray like so:

.background(
    Color.gray
        .brightness(0.4)
)

or

.background(
    Color.gray
        .opacity(0.1)
)

Answer 4

There is no lightGray color in Color, but you can use .background(Color.init(UIColor.lightGray))