UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

SOLVED: Unable to correctly format the background color of a view

Forums > SwiftUI

Hi Experts!

I have a view, example below. I simply want to color the background by as you can see in the linked screenshot the background fill is not taking inti accout the rounbded corners of the border. I can't figure out how to fix this. Any advise , greatly welcomed!


                     VStack {
                            Text("\(ap.Percent[0], specifier: "%.0f")%")
                                .frame(maxWidth: .infinity, alignment: .center)
                                .font(.system(size: 40, weight: .heavy, design: .rounded))
                            Text("HI HWS!")
                                .font(.system(size: 13, weight: .light, design: .rounded))
                            RoundedRectangle(cornerRadius: 16)
                                .stroke(Color.myPurple, lineWidth: 2)


put the background after the .overlay


That just gives me a grey box, content is not visable, and still not respecting the rounded corners of the view.


Hi, For the background fill to take into account the rounded corners you could add a clipshape at the end.

.clipShape(RoundedRectangle(cornerRadius: 16))


Hacking with Swift is sponsored by RevenueCat

SPONSORED Take the pain out of configuring and testing your paywalls. RevenueCat's Paywalls allow you to remotely configure your entire paywall view without any code changes or app updates.

Learn more here

Sponsor Hacking with Swift and reach the world's largest Swift community!

Reply to this topic…

You need to create an account or log in to reply.

All interactions here are governed by our code of conduct.

Unknown user

You are not logged in

Log in or create account

Link copied to your pasteboard.