iOS SwiftUI：未用.ignoresSafeArea()却自动忽略安全区问题咨询

我查阅了大量关于如何让App忽略安全区的资料，但新建App后，未使用.ignoresSafeArea()修饰符，状态栏区域仍被自动忽略。我希望App不忽略安全区。

示例代码： #

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()
    }
}

现象说明： #

视图的蓝绿色背景未延伸到状态栏区域，文本内容默认处于状态栏下方，看起来像是自动忽略了状态栏安全区。

原因与解决方案 #

原因： #

SwiftUI中，background修饰符默认会尊重安全区边界，不会将背景绘制到安全区域内；同时，普通视图（如你的VStack）默认也会被限制在安全区范围内布局，所以才会出现你看到的现象——这并非App“自动忽略安全区”，而是默认的安全区适配行为。

解决方案： #

根据你的需求（让视图/背景覆盖安全区），可以选择以下两种方式：

1. 仅让背景覆盖安全区，内容保留在安全区内

给background相关的视图添加.ignoresSafeArea()：

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack{
            Text("Hello, world!")
                .padding()
            Spacer()
        }
        .frame(width: 300)
        .background(Color.teal.ignoresSafeArea()) // 给背景添加忽略安全区修饰符
    }
}

2. 让整个视图（内容+背景）完全覆盖安全区

将.ignoresSafeArea()添加到顶层视图，并设置视图为全屏尺寸：

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack{
            Text("Hello, world!")
                .padding()
            Spacer()
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity) // 设置为全屏
        .background(Color.teal)
        .ignoresSafeArea() // 让整个视图忽略安全区
    }
}

补充说明： #

SwiftUI的默认行为是保护内容不被系统UI（状态栏、底部指示器等）遮挡，所以内容会被限制在安全区内。如果你需要内容也进入安全区域，只需将.ignoresSafeArea()应用到内容视图本身即可。

内容的提问来源于stack exchange，提问作者Coddo