UI not filling up entire screen. Black bars on top and bottom

Question

My SwiftUI interface doesn't fill up the entire screen.

This is what it's supposed to look like:

This is what it actually looks like on the device:

This is my content view:

ContentView.swift

struct ContentView : View {
    var body: some View {
        ZStack(content: {
            Circle().fill(ColorManager.petSupportBlue).frame(width: 350, height: 350).position(x: -50, y:30).ignoresSafeArea()
            Circle().fill(ColorManager.petSupportBlue).frame(width: 350, height: 350).position(x: 50, y: -50).ignoresSafeArea()
        })
    }
}

Answer 1

Use as follows

var body: some View {
    ZStack(content: {
        Circle().fill(ColorManager.petSupportBlue).frame(width: 350, height: 350).position(x: -50, y:30).ignoresSafeArea()
        Circle().fill(ColorManager.petSupportBlue).frame(width: 350, height: 350).position(x: 50, y: -50).ignoresSafeArea()
    })
    .frame(maxWidth: .infinity, maxHeight: .infinity)
    .ignoresSafeArea()
}