SwiftUI：NavigationView顶部出现多余内边距如何消除？

你遇到的顶部间距是NavigationView默认的导航栏占位空间导致的，以下几种方法可以消除这个间距，同时保留NavigationView用于后续添加NavigationLinks：

方法一：隐藏导航栏 #

直接给NavigationView内部的根视图添加.navigationBarHidden(true)修饰符，完全移除导航栏的占位空间：

var body: some View {
    NavigationView {
        ZStack(alignment: .leading) {
            Rectangle()
                .fill(
                    LinearGradient(
                        gradient: Gradient(colors: [.indigo, .purple]),
                        startPoint: .bottom,
                        endPoint: .top
                    )
                )
                .ignoresSafeArea()
            
            VStack {
                Text("Test")
                Spacer()
            }
        }
        .navigationBarHidden(true) // 隐藏导航栏
    }
}

方法二：调整导航栏显示模式（保留框架但压缩间距） #

如果后续需要显示导航栏标题，可通过.navigationBarTitleDisplayMode(.inline)配合空标题来消除多余间距：

var body: some View {
    NavigationView {
        ZStack(alignment: .leading) {
            Rectangle()
                .fill(
                    LinearGradient(
                        gradient: Gradient(colors: [.indigo, .purple]),
                        startPoint: .bottom,
                        endPoint: .top
                    )
                )
                .ignoresSafeArea()
            
            VStack {
                Text("Test")
                Spacer()
            }
        }
        .navigationBarTitle("", displayMode: .inline)
    }
}

方法三：iOS16+适配用NavigationStack #

如果项目仅需适配iOS16及以上版本，建议替换为NavigationStack，它默认布局不会产生这类多余间距，同时兼容NavigationLink：

var body: some View {
    NavigationStack { // 替换原NavigationView
        ZStack(alignment: .leading) {
            Rectangle()
                .fill(
                    LinearGradient(
                        gradient: Gradient(colors: [.indigo, .purple]),
                        startPoint: .bottom,
                        endPoint: .top
                    )
                )
                .ignoresSafeArea()
            
            VStack {
                Text("Test")
                Spacer()
            }
        }
    }
}

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