SwiftUI Button background color showing over text

Question

For some reason my background is showing over my text label. I have the background as white and text as red, but for some reason the white background covers the text. I am referring to the "Tap me" button. In preview it shows correctly however in the simulator it shows with the issue.

 VStack(alignment: .leading, spacing: 10) {
                Text("Connection Pin:")
                    .font(.headline)
                    .foregroundColor(.gray)
                
                Button {
                    print("Button tapped!")
                } label: {
                    Text("Tap me")
                        .font(.title)
                        .foregroundColor(Color.red)
                        .bold()
                }
                .background(Color.white)
}

multiverse · Accepted Answer · 2023-06-10 13:23:12Z

0

Your code is just fine, I tested it and its showing how you want red text and white background, I am attaching an image on what I see in my simulator.

answered Jun 10, 2023 at 13:23

multiverse

4833 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Pastor J.G Seigle Over a year ago

It show correctly on iOS but when I run the same code on macOS it does not look that way. On macOS its showing the white background over the Text. I clean build folder then rebuild but for some reason on macOS it keeps putting all of my button text behind the white background

Oleksii Voitenko · Accepted Answer · 2024-11-25 15:05:46Z

0

Try using .buttonStyle(.plain)

answered Nov 25, 2024 at 15:05

Oleksii Voitenko

1

Collectives™ on Stack Overflow

SwiftUI Button background color showing over text

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related