如何消除Mac SwiftUI中NavigationTitle导致的莫名内边距？

在Mac的NavigationSplitView里，设置空字符串的navigationTitle("")会保留标题栏的占位空间，进而导致顶部出现莫名内边距，让视图分隔线垂直偏移、布局错乱。以下是两种有效的解决办法：

方法一：使用.navigationTitle(.hidden)替代空字符串 #

直接将空标题替换为.hidden，可以完全移除标题栏的布局占位，消除多余内边距：

修改后的核心代码片段：

Text("2")
    .navigationTitle(.hidden) // 替换原有的.navigationTitle("")
    .navigationSplitViewColumnWidth(min: 200, ideal: 400)
    .toolbar {
        ToolbarItem {
            Text("← 额外空间已消除")
        }
    }

完整可运行代码：

import SwiftUI

@main
struct TestApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView: View {
    var body: some View {
        VStack {
            NavigationSplitView {
                Text("1")
            } content: {
                Text("2")
                    .navigationTitle(.hidden)
                    .navigationSplitViewColumnWidth(min: 200, ideal: 400)
                    .toolbar {
                        ToolbarItem {
                            Text("← 额外空间已消除")
                        }
                    }
            } detail: {
                Text("3")
                    .toolbar {
                        ToolbarItem {
                            Text("Tools")
                        }
                    }
            }
        }
    }
}

方法二：动态控制标题显示（可选） #

如果需要根据场景动态切换标题显示状态，可以结合@State变量实现：

struct ContentView: View {
    @State private var showTitle = false

    var body: some View {
        VStack {
            NavigationSplitView {
                Text("1")
            } content: {
                Text("2")
                    .navigationTitle(showTitle ? "自定义标题" : .hidden)
                    .navigationSplitViewColumnWidth(min: 200, ideal: 400)
                    .toolbar {
                        Button("切换标题") {
                            showTitle.toggle()
                        }
                    }
            } detail: {
                Text("3")
                    .toolbar {
                        ToolbarItem {
                            Text("Tools")
                        }
                    }
            }
        }
    }
}

原理说明 #

Mac SwiftUI中，navigationTitle("")只是将标题文本置空，但并未移除标题栏的布局容器，因此会留下空白内边距；而.navigationTitle(.hidden)会直接隐藏整个标题栏区域，彻底消除这个占位空间，让分隔线回到正确位置。

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