How to make background fill entire view?

Question

I have a background with custom color bg.

I assigned it to a VStack;

VStack {
    Text("Hello :) ")
}
.background(Color("bg"))

But the color only fills whatever the VStack is displaying, how do I make it fill up the entire screen?

Answer 1

try this:

ZStack {
    Color("bg").ignoresSafeArea()
    VStack {
        Text("Hello :) ")
    }
}

Answer 2

You can set the frame of VStack:

VStack {
    Text("Hello :) ")
}
.frame(maxWidth: .infinity, maxHeight: .infinity)
.background(Color("bg"))