iPhone上的NavigationSplitView：如何以编程方式返回Detail视图？

在iPhone的紧凑布局下，NavigationSplitView会将Detail视图以推送方式叠在Sidebar上方，无法直接用NavigationStack的$path绑定返回，你可以用以下两种方法实现编程返回：

方法一：使用@Environment(\.dismiss)环境变量 #

这是最直接的方式，在Detail视图中调用系统提供的dismiss()方法即可返回上一层（Sidebar）。

示例代码：

// 主视图
struct ContentView: View {
    var body: some View {
        NavigationSplitView {
            SidebarView()
        } detail: {
            Text("默认详情页")
        }
    }
}

// 侧边栏视图
struct SidebarView: View {
    var body: some View {
        NavigationStack {
            List {
                NavigationLink("打开详情页", value: "targetDetail")
            }
            .navigationDestination(for: String.self) { value in
                if value == "targetDetail" {
                    DetailView()
                }
            }
        }
    }
}

// 详情视图
struct DetailView: View {
    // 注入dismiss环境变量
    @Environment(\.dismiss) private var dismiss
    
    var body: some View {
        VStack(spacing: 20) {
            Text("这是详情页")
            Button("返回侧边栏") {
                // 调用dismiss返回
                dismiss()
            }
            .buttonStyle(.borderedProminent)
        }
    }
}

方法二：通过控制NavigationSplitView的selection绑定 #

如果你的Sidebar是基于selection控制显示对应Detail视图的，直接将selection设为nil（或初始未选中状态），就能回到Sidebar界面。

示例代码：

struct ContentView: View {
    // 控制选中项的状态
    @State private var selectedItem: String? = nil
    
    var body: some View {
        NavigationSplitView(selection: $selectedItem) {
            List {
                NavigationLink("详情页A", value: "detailA")
                NavigationLink("详情页B", value: "detailB")
            }
        } detail: {
            if let item = selectedItem {
                DetailView(currentItem: item, selectedItem: $selectedItem)
            } else {
                Text("请选择一个项目")
            }
        }
    }
}

struct DetailView: View {
    let currentItem: String
    // 绑定选中状态
    @Binding var selectedItem: String?
    
    var body: some View {
        VStack(spacing: 20) {
            Text("当前详情：\(currentItem)")
            Button("返回侧边栏") {
                // 将选中状态置空，触发返回
                selectedItem = nil
            }
            .buttonStyle(.borderedProminent)
        }
    }
}

两种方法的适用场景：

• 若只是简单的返回操作，优先用dismiss()，代码更简洁。
• 若需要同步控制Sidebar的选中状态，选择selection绑定的方式更合适。

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