SwiftUI Zstack – 使元素忽略安全区域而另一个不

Question

我有一个这样的 Zstack:

ZStack {
  Image("beach")
    .resizable()
    .edgesIgnoringSafeArea(.all)
    .scaledToFill()

  VStack {
    // with a lot of stuff
  }
}

我希望图像忽略安全区域，但 Vstack必须尊重安全区域。
该图像是应覆盖所有区域的背景图像。
我拥有的这段代码正在制作 VStack全屏也是我不想要的。
为什么一切都不尊重安全区域是个谜，因为相应的修饰符仅应用于图像。

Answer 1

将您的图片放入 .background :

struct ContentView: View {
    var body: some View {
        
        VStack {
            // lots of stuff
            Color.red
            Color.blue
        }
        .background(
            Image("beach")
                .resizable()
                .edgesIgnoringSafeArea(.all)
                .scaledToFill()
        )
    }
}