How to override safe area on Widget

I have taken a simple view in my app and made a widget from it; however, the background gradient color I use does not fill the entire widget, it leaves a white band at the top and bottom.

Code Block struct MeetingStatsWidgetEntryView : View {
    var entry: Provider.Entry
    var body: some View {
        HStack {
            VStack {
                Text("Wasted Time")
                    .fontWeight(.bold)
                LifetimeTotalsView()
            }
        }
        .foregroundColor(.black)
        .background(LinearGradient(gradient: Gradient(colors: [ .red,.orange,.yellow,.green, .blue, .purple]), startPoint: .top, endPoint: .bottom))
    }
}

I assume these bands relate to the safe area for the widget. How can I expand to fill the entire widget? Thanks

Accepted Reply

I got around this by using a ZStack.

Code Block ZStack {
Color.red
MyOtherView()
}


Replies

Best I can tell, if I use .padding(.all, 10) I am able to extend the background and fix the issue. Is this the correct approach?
I got around this by using a ZStack.

Code Block ZStack {
Color.red
MyOtherView()
}


Errr, that last post doesn't look right but hopefully you get the idea.

Code Block
ZStack {
Color.red
MyView()
}