iOS SwiftUI - disable ignoring the safe area

Eduard Unruh 0
Viewed 47

I read tons of questions about how to make the app ignore the safe area, but when I create a new app then the status bar space is ignored anyway without

.ignoresSafeArea()

Why is that? I don't want it to be ignored!

This is all I have:

import SwiftUI

struct ContentView: View {
    var body: some View {
        
        VStack{
            Text("Hello, world!")
                .padding()
            
            Spacer()
            
        }
        .frame(width: 300)
        .background(Color.teal)
        

    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

the result screenshot

swiftui ios
3 Answers

You can do it like so:

VStack {
    
    Color.teal
        .overlay {
            Text("Hello World!")
        }
}
Ori0

Ok I got it, inside a ZStack:

GeometryReader { reader in
    Color.white
        .frame(height: reader.safeAreaInsets.top, alignment: .top)
        .ignoresSafeArea()
}
Eduard Unruh0

Use this modifier:

.edgesIgnoringSafeArea(.all)

if you don't want everything you can choose : .top, .bottom, .vertical, .horizontal,...

dibs0
Related