是否将VStack垂直居中？

Question

import SwiftUI

struct Test: View {
    var body: some View {
        VStack{
            Text("dklf")
        }
        .frame(width: UIScreen.main.bounds.width, height: UIScreen.main.bounds.height)
    }
}

为什么VStack没有在屏幕中间垂直对齐？

​

​

Answer 1

UIScreen.main.bounds没有考虑安全区域，所以这可能是您想要的：

var body: some View {
    VStack{
        Text("dklf")
    }
    .frame(maxWidth: .infinity, maxHeight: .infinity)
}

Answer 2

​

​

好的谢谢。我不明白，为什么这个蓝色边框不在顶部。如果我在VStack后面添加.statusBar(隐藏: true)，蓝色边框也会留在那里。

struct Test: View {
    var body: some View {
        VStack{
            Color.yellow
        }
        .ignoresSafeArea()
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}