macOS上NavigationSplitView侧边栏OutlineGroup元素无法选中求助

问题核心 #

OutlineGroup在macOS上的默认交互逻辑是：父节点点击触发展开/折叠，而叶子节点（或无子节点）默认没有绑定原生的选中状态触发逻辑，导致无法被选中。

原生实现方案 #

1. 确保数据模型符合要求 #

你的数据结构必须实现Identifiable和Hashable协议，这样SwiftUI才能正确跟踪选中状态：

struct NavItem: Identifiable, Hashable {
    let id = UUID()
    let title: String
    var children: [NavItem]?
}

2. 给List绑定selection而非仅OutlineGroup #

把选中状态绑定到包裹OutlineGroup的List上，让整个列表统一处理选中逻辑：

struct SidebarView: View {
    @Binding var selectedItem: NavItem?
    let items: [NavItem]
    
    var body: some View {
        List(items, selection: $selectedItem) { item in
            OutlineGroup(item, children: \.children) { child in
                Text(child.title)
            }
        }
        .listStyle(.sidebar)
    }
}

3. 给叶子节点补全原生选中支持 #

如果上述方式仍不生效，用NavigationLink包裹叶子节点并隐藏默认按钮样式，完全复用系统原生交互：

OutlineGroup(item, children: \.children) { child in
    NavigationLink(value: child) {
        Text(child.title)
    }
    .buttonStyle(.plain) // 保持原生列表项外观
}

同时在NavigationSplitView上直接绑定选中状态：

struct ContentView: View {
    @State private var selectedItem: NavItem?
    let rootItems: [NavItem] = [
        NavItem(title: "父节点1", children: [
            NavItem(title: "叶子节点1-1"),
            NavItem(title: "叶子节点1-2")
        ]),
        NavItem(title: "无子节点的独立项")
    ]
    
    var body: some View {
        NavigationSplitView(selection: $selectedItem) {
            SidebarView(selectedItem: $selectedItem, items: rootItems)
        } detail: {
            Text(selectedItem?.title ?? "请选择一项")
        }
    }
}

为什么onTapGesture不够原生 #

手动通过onTapGesture设置选中状态会跳过macOS系统级的交互反馈（比如选中高亮动画、键盘导航支持、空格键触发选中），而上述方案完全基于SwiftUI原生组件逻辑，能完美适配macOS的交互规范。

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