How to override safe area on Widget

Question

Created Jun ’20

Replies 3

Boosts 0

Views 1.7k

Participants 2

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

Answered by Hunter in 616967022

I got around this by using a ZStack.

Code Block ZStack {	Color.red
	MyOtherView()
}

Boost

Answer 1

Michaelrowe01 OP

Jun ’20

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?

0

Answer 2

Hunter OP

Jun ’20

Accepted Answer

I got around this by using a ZStack.

Code Block ZStack {	Color.red
	MyOtherView()
}

0

Answer 3

Hunter OP

Jun ’20

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

Code Block ZStack {
	 Color.red
	 MyView()
}

0