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

https://stackoverflow.com/questions/56437036/swiftui-how-do-i-change-the-background-color-of-a-view — KevinP, Oct 22 '20 at 09:45
Does this answer your question? [SwiftUI - How do I change the background color of a View?](https://stackoverflow.com/questions/56437036/swiftui-how-do-i-change-the-background-color-of-a-view) — Glenn Posadas, Oct 22 '20 at 09:46

score 2 · Answer 1 · answered Oct 22 '20 at 13:24

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.

score 0 · Answer 2 · answered Oct 22 '20 at 10:27

0

You can do it like this:

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

answered Oct 22 '20 at 10:27

the.blaggy

2 Answers2