SwiftUI Button does not respect frame height limit and reaches into SafeArea [duplicate]

This is an image of my xcode along with the code and the canvas of whats happening.

I have used Color.green.ignoreSafeArea() to color the background of my ZStack. But when I set the background in line 34 to background(Color.white) it colors the are beyond safeArea to white as well I don't know why, shouldn't it just color the background of the VStack?

This is an Image of UI when I use the below code

When I use background(Color.white.cornerRadius(10)) instead in line 34 it starts behaving normally and only covers the safe areas? Has anybody got any explanation for this or is it just a bug ?

Here is the code used in the images:

struct MySignUpView: View { var body: some View { VStack(spacing: 20){ Image(systemName: "chevron.up") .padding(.top) Text("Sign up") .font(.headline) .fontWeight(.semibold) Image(systemName: "flame.fill") .resizable() .scaledToFit() .frame(width: 100, height: 100) Text("This is the best app in the world, if you subscribe to this application you will become a billionaire by age 30 .") .multilineTextAlignment(.center) Text("CREATE AN ACCOUNT") .font(.headline) .padding() .padding(.horizontal) .foregroundStyle(Color.white) .background(Color.black.cornerRadius(10)) Spacer() } .frame(maxWidth: /*@START_MENU_TOKEN@*/.infinity/*@END_MENU_TOKEN@*/) .background(Color.white.cornerRadius(20)) }

}

Start asking to get answers

Find the answer to your question by asking.

Ask question

Explore related questions

See similar questions with these tags.