SwiftUI: background color for whole screen and not simple view?

Question

I am trying to do something very simple, display a view with a background color, and in the center of this view, display a single label.

I tried this:

var body: some View {
    VStack {
        Text("Hello!")
    }
    .background(MyColors.blue)
    .ignoresSafeArea() 
}

Here is the given result:

What am I doing wrong?

Thank you for your help

Does this answer your question? SwiftUI - How do I change the background color of a View? — Glenn Posadas
– Glenn Posadas, Commented Oct 22, 2020 at 9:46

Another Dude · Accepted Answer · 2020-10-22 13:24:57Z

3

I managed to get it working with this code:

var body: some View {
    ZStack {
        Style.Color.red
        VStack {
            Text("Hello!")
        }
    }
    .ignoresSafeArea()
}

I didn't understand first that background and rest of the view must be set on a different z-axis.

answered Oct 22, 2020 at 13:24

Another Dude

1,4535 gold badges22 silver badges42 bronze badges

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

Comments

the.blaggy · Accepted Answer · 2020-10-22 10:27:44Z

1

You can do it like this:

Text("Hello!")
    .frame(maxWidth: .infinity, maxHeight: .infinity)
    .background(MyColors.blue)
    .ignoresSafeArea()

answered Oct 22, 2020 at 10:27

the.blaggy

9256 silver badges20 bronze badges