SwiftUI NavigationSplitView三列布局下隐藏详情列的实现问题

要实现隐藏第三列（详情列）的效果，不能仅通过清空内容或设置宽度为0来实现，而是要利用NavigationSplitViewVisibility控制布局模式，在三列（.tripleColumn）和双列（.doubleColumn）之间切换——双列模式下只会显示侧边栏和内容列，相当于原生隐藏了详情列，完全匹配Xcode等应用的交互逻辑。

修改后的完整代码如下：

import SwiftUI

struct NavigationView: View {
    @State private var splitViewVisibility: NavigationSplitViewVisibility = .tripleColumn
    
    var body: some View {
        NavigationSplitView(visibility: $splitViewVisibility) {
            Text("Sidebar")
        } content: {
            Text("Content")
        } detail: {
            Text("Detail")
        }
        .toolbar {
            ToolbarItem(placement: .primaryAction) {
                Button(action: {
                    // 切换布局模式：三列 ↔ 双列
                    splitViewVisibility = splitViewVisibility == .tripleColumn ? .doubleColumn : .tripleColumn
                }) {
                    // 根据状态切换按钮图标
                    Image(systemName: splitViewVisibility == .tripleColumn ? "sidebar.right" : "sidebar.right.slash")
                }
            }
        }
    }
}

关键说明： #

• 通过@State绑定NavigationSplitViewVisibility，控制整体布局的显示模式
• .tripleColumn：显示完整三列布局（侧边栏+内容列+详情列）
• .doubleColumn：仅显示侧边栏和内容列，详情列会被系统原生隐藏，而非仅清空内容
• 按钮图标随状态切换，符合macOS的视觉反馈规范

内容的提问来源于stack exchange，提问作者muse-hemlock0m