macOS中SwiftUI如何控制NavigationSplitView详情视图的可见性？

目前NavigationSplitViewVisibility仅支持.automatic、.doubleColumn、.tripleColumn三种预设布局，确实无法直接单独隐藏详情分栏。不过可以通过两种方式实现需求：

方式一：条件渲染动态切换详情视图 #

用状态变量控制详情分栏的内容渲染，需要隐藏时替换为空视图，系统会自动调整布局让内容分栏占据剩余空间：

@State private var showDetail = true

NavigationSplitView {
  List(selection: $selection) {
    // 列表内容
  }
} content: {
  content(for: selection)
} detail: {
  if showDetail {
    Text("Detail")
  } else {
    EmptyView()
  }
}
.toolbar {
  Button(showDetail ? "隐藏详情" : "显示详情") {
    showDetail.toggle()
  }
}

方式二：通过宽度约束挤压详情栏 #

虽然直接给详情视图设置.navigationSplitViewColumnWidth()无效，但可以给内容分栏设置高优先级宽度，挤压详情栏空间实现隐藏：

@State private var hideDetail = false

NavigationSplitView {
  List(selection: $selection) {
    // 列表内容
  }
} content: {
  content(for: selection)
    .navigationSplitViewColumnWidth(hideDetail ? .infinity : 300)
    .navigationSplitViewColumnWidth(min: 200)
} detail: {
  Text("Detail")
    .navigationSplitViewColumnWidth(hideDetail ? 0 : 300)
}

这种方式可能存在布局闪烁问题，稳定性不如条件渲染。

关于Apple是否遗漏该功能：目前官方确实没有提供直接单独隐藏详情分栏的API，但通过上述两种临时方案可以实现类似效果，后续可关注SwiftUI版本更新是否新增相关布局控制选项。

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