SwiftUI如何实现背景忽略安全区、内容遵守安全区布局？

你可以把背景层和内容层拆分，仅让背景部分忽略安全区即可，有两种常用实现方式：

方案1：ZStack分层实现（兼容所有iOS版本） #

将全屏背景和内容视图放在ZStack的不同层级，仅给背景添加忽略安全区修饰符：

ZStack {
    // 背景层单独忽略安全区实现全屏铺满
    Color.red
        .edgesIgnoringSafeArea(.all)
    
    // 内容层默认遵守安全区布局，无需额外处理
    VStack {
        Text("Foo")
    }
}

方案2：背景闭包单独设置忽略安全区（iOS 15+ 推荐） #

不需要修改原有视图结构，直接给background修饰符内的背景视图单独添加忽略安全区设置即可：

VStack {
    Text("Foo")
}
.background {
    Color.red
        .edgesIgnoringSafeArea(.all)
}

两种方案都可以实现背景铺满全屏的同时，内部内容完全遵守安全区布局限制，不会出现内容跑到刘海、底部安全条区域的问题。

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