如何创建一个完全填充设备屏幕的矩形

Question

我正在尝试创建一个填充设备屏幕的矩形。我已经试过了：

Rectangle()
            .fill(Color.green)
            .frame( height: UIScreen.main.bounds.size.height)
            .frame( width: UIScreen.main.bounds.size.width)
            .edgesIgnoringSafeArea(.all)

使用此扩展名：

extension UIScreen{
   static let screenWidth = UIScreen.main.bounds.size.width
   static let screenHeight = UIScreen.main.bounds.size.height
   static let screenSize = UIScreen.main.bounds.size
}

但是，高度略小：

而且我不确定为什么。

Answer 1

如果要填充屏幕，为什么不只设置Color的View？

struct ContentView: View {
    var body: some View {
        Color.green
            .edgesIgnoringSafeArea(.all)
    }
}

---

并且您可以使用Views在其上堆叠其他ZStack：

struct ContentView: View {
    var body: some View {
        ZStack {
            Color.green
                .edgesIgnoringSafeArea(.all)

            // Other Views on top here
        }
    }
}

Answer 2

如下使用

Rectangle()
   .fill(Color.green)
   .edgesIgnoringSafeArea(.all)