SwiftUI中使用NavigationStack时如何去除顶部空白？

你遇到的顶部空白是因为NavigationStack默认会预留导航栏的占位空间，即便没有显式设置导航标题，这个空白区域也会存在。下面提供两种可行的解决方式：

方法一：隐藏NavigationStack的导航栏 #

如果需要保留NavigationStack（比如后续要添加导航功能），可以通过添加.navigationBarHidden(true)来消除顶部空白：

struct ContentView: View {
    var body: some View {
        VStack(spacing: 0) {
            NavigationStack {
                TabView {
                    Color.red
                        .tag(0)
                    Color.blue
                        .tag(1)
                    Color.green
                        .tag(2)
                }
                .ignoresSafeArea(edges: .all)
                .tabViewStyle(PageTabViewStyle())
            }
            .navigationBarHidden(true) // 隐藏导航栏占位
        }
    }
}

方法二：移除不必要的NavigationStack #

如果当前场景不需要导航功能，直接去掉外层的NavigationStack即可彻底解决空白问题，代码更简洁：

struct ContentView: View {
    var body: some View {
        VStack(spacing: 0) {
            TabView {
                Color.red
                    .tag(0)
                Color.blue
                    .tag(1)
                Color.green
                    .tag(2)
            }
            .ignoresSafeArea(edges: .all)
            .tabViewStyle(PageTabViewStyle())
        }
    }
}

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