在Pro Max设备中使用Swift时ignoresSafeArea无法正常工作

问题核心原因 #

你遇到的问题本质是：Image默认不会自动拉伸填满父视图，即便给它加上ignoresSafeArea，因为自身尺寸没覆盖到安全区外的区域，所以看起来没生效。

解决方案 #

给Image添加尺寸适配修饰符，确保它能填满父容器，再配合ignoresSafeArea即可解决。

修改后的代码示例：

struct ContentView: View {
    var body: some View {
        ZStack{
            Image("background")
                .resizable() // 允许Image调整尺寸
                .scaledToFill() // 按比例拉伸填满父视图
                .ignoresSafeArea(.all) // 忽略所有安全区
        }
    }
}

也可以把ignoresSafeArea加到ZStack上，效果一致：

struct ContentView: View {
    var body: some View {
        ZStack{
            Image("background")
                .resizable()
                .scaledToFill()
        }
        .ignoresSafeArea(.all)
    }
}

补充调整方案 #

如果担心图片拉伸变形，可替换.scaledToFill()为.scaledToFit()，再结合强制占满的frame修饰符：

Image("background")
    .resizable()
    .scaledToFit()
    .frame(maxWidth: .infinity, maxHeight: .infinity)
    .ignoresSafeArea(.all)

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