iPad应用中如何从NavigationSplitView跳转至全屏新视图

要实现iPad上点击列表项后全屏展示详情视图，核心是利用外层NavigationStack的全局导航栈替代详情区内部的导航。你之前的问题在于使用了NavigationLink的闭包形式，这种写法只会在详情区的局部导航栈中跳转，而非全局全屏导航。

修改后的代码实现 #

struct ContentView: View {
    public var items: [DatabaseObject]?
    @State private var navigationPath: [DatabaseObject] = []
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            NavigationSplitView {
                // 左侧筛选栏
                List {
                    Text("Filter 1")
                    Text("Filter 2")
                    Text("Filter 3")
                }
                .navigationTitle("Filters")
            } detail: {
                // 右侧对象列表
                List {
                    if let items = items {
                        ForEach(items, id: \.id) { item in
                            // 使用值绑定的NavigationLink，触发全局导航
                            NavigationLink(value: item) {
                                Text(item.name)
                            }
                        }
                    }
                }
                .navigationTitle("Items")
            }
            // 全局导航目标：匹配DatabaseObject类型，返回全屏详情视图
            .navigationDestination(for: DatabaseObject.self) { selectedItem in
                Text("Hello. Details for person \(selectedItem.name)")
                    .navigationTitle(selectedItem.name)
            }
        }
    }
}

关键说明 #

• 全局路径绑定：通过NavigationStack(path: $navigationPath)管理全局导航状态，所有跳转都会基于这个外层栈。
• 值类型NavigationLink：NavigationLink(value: item)会将选中的对象传入全局路径，而非在详情区内部创建局部导航。
• navigationDestination：负责匹配路径中的对象类型，并渲染对应的全屏详情视图，此时视图会覆盖整个屏幕，替代原有的双栏布局。

返回时，系统自动提供的返回按钮会让导航栈回退，恢复到原来的NavigationSplitView双栏布局。

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