如何切换NavigationSplitView的双列与三列布局

• 核心思路是用布尔变量控制布局状态，通过if-else分支分别渲染两种布局——因为双列和三列布局对应NavigationSplitView的不同构造器，无法直接通过参数修改，只能通过分支选择构造方式。
• 示例实现代码：

import SwiftUI

struct ContentView: View {
    // 控制布局切换的状态变量
    @State private var useThreeColumn = false
    
    var body: some View {
        if useThreeColumn {
            // 三列布局：侧边栏 + 中间内容列 + 详情列
            NavigationSplitView {
                SidebarView()
            } content: {
                Text("中间内容列")
                    .navigationTitle("内容区")
            } detail: {
                Text("详情展示列")
                    .navigationTitle("详情区")
            }
        } else {
            // 双列布局：侧边栏 + 详情列
            NavigationSplitView {
                SidebarView()
            } detail: {
                Text("详情展示列")
                    .navigationTitle("详情区")
            }
        }
        // 添加布局切换按钮
        .toolbar {
            Button(useThreeColumn ? "切换为双列" : "切换为三列") {
                useThreeColumn.toggle()
            }
        }
    }
}

// 抽离重复的侧边栏组件，避免代码冗余
struct SidebarView: View {
    var body: some View {
        List(["选项1", "选项2", "选项3"], id: \.self) { item in
            NavigationLink(item, value: item)
        }
        .navigationTitle("侧边栏")
    }
}

• 补充优化：如果两种布局的侧边栏、详情列内容一致，建议把这些重复部分抽成独立的View组件，像示例中的SidebarView一样，减少代码冗余，提升可维护性。

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