NavigationSplitView嵌套NavigationStack时内部导航链接无法正常工作

我太懂你这个困扰了——同样的代码在iPadOS上跑起来顺风顺水，到了MacBook Pro M1的macOS 13里，点击SampleModel2的列表项就是没反应，属实让人挠头。这其实是macOS对嵌套导航组件的处理逻辑和iPadOS存在差异导致的，咱们一步步来修复它：

问题根源 #

在macOS上，当NavigationSplitView的详情区域嵌套NavigationStack时，子视图（比如SampleDetailView）中的NavigationLink无法正确触发父视图NavigationStack里定义的navigationDestination。而iPadOS在这方面的处理更灵活，单独使用NavigationStack时也不存在这个层级关联的问题。

解决方案1：将导航目标移到对应视图层级 #

最直接的修复方式是把SampleModel2的navigationDestination放到SampleDetailView内部，让触发导航的NavigationLink和对应的目标处理处在同一个导航上下文里：

1. 修改SampleDetailView，添加路径绑定并在视图内定义导航目标：

struct SampleDetailView: View {
    var model: SampleModel1
    @Binding var path: NavigationPath // 接收来自父视图的导航路径绑定

    var body: some View {
        VStack {
            Text("Model 1 ID \(model.id)")
            List(SampleModel2.samples) { model2 in
                NavigationLink("\(model2.id)", value: model2)
            }
        }
        .navigationDestination(for: SampleModel2.self) { model in
            Text("Model 2 ID \(model.id)")
        }
    }
}

2. 在SampleListView中把路径绑定传递给SampleDetailView：

.navigationDestination(for: SampleModel1.self) { model in
    SampleDetailView(model: model, path: $path)
}

这样修改后，SampleModel2的NavigationLink就能正确触发导航了——因为它的导航目标就在自己所在的视图层级里，macOS可以准确识别到两者的关联关系。

解决方案2：统一管理导航路径（进阶方案） #

如果你的项目需要更复杂的导航流程，可以把整个导航路径提升到ContentView层级，让NavigationSplitView和内部的NavigationStack共享同一个路径状态：

1. 在ContentView中添加详情区域的导航路径状态：

struct ContentView: View {
    enum NavItem {
        case first
    }
    @State private var detailPath = NavigationPath() // 新增详情区域的导航路径

    var body: some View {
        NavigationSplitView {
            NavigationLink(value: NavItem.first) {
                Label("First", systemImage: "house")
            }
        } detail: {
            SampleListView(path: $detailPath) // 传递路径给详情视图
        }
    }
}

2. 修改SampleListView接收外部路径绑定：

struct SampleListView: View {
    @Binding var path: NavigationPath // 改为绑定外部路径
    @State var selection: SampleModel1.ID? = nil
    
    var body: some View {
        NavigationStack(path: $path) {
            List(SampleModel1.samples, selection: $selection) { model in
                NavigationLink("\(model.id)", value: model)
            }
            .navigationDestination(for: SampleModel1.self) { model in
                SampleDetailView(model: model)
            }
            .navigationDestination(for: SampleModel2.self) { model in
                Text("Model 2 ID \(model.id)")
            }
        }
    }
}

3. SampleDetailView保持原代码即可，它的NavigationLink会直接更新共享的路径，而父视图的navigationDestination已经定义了对应的处理逻辑。

这种方式更适合复杂的导航场景，能让你在ContentView层级统一控制整个导航流程。

验证修复效果 #

修改完成后在macOS 13上运行项目：

• 点击左侧栏的"First"进入SampleModel1列表
• 选择任意SampleModel1项进入详情页
• 点击SampleModel2的列表项，现在应该能正常跳转到对应的详情文本视图了

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