SwiftUI中iPadOS点击详情页导航链接时如何保持侧边栏项选中

你当前的代码共用了侧边栏外层的NavigationView导航上下文，详情页内部的导航跳转触发了全局导航状态更新，导致侧边栏的选中状态被系统自动重置。

方案1：适配iPadOS 16+（推荐） #

苹果从iPadOS 16开始推荐使用NavigationSplitView替代已废弃的NavigationView实现多列布局，天然支持侧边栏选中状态保留，你只需要做两处修改：

• 定义侧边栏选项枚举，给侧边栏列表添加持久化的selection绑定
• 详情区域单独包裹NavigationStack，内部的导航操作独立在详情栈内执行，不会影响侧边栏状态

完整代码示例：

// 定义侧边栏选项枚举
enum SidebarItem: CaseIterable, Hashable {
    case item1, item2, item3, item4
}

struct MainView: View {
    // 持久化绑定侧边栏选中项
    @State private var selectedItem: SidebarItem? = .item1
    
    var body: some View {
        NavigationSplitView {
            // 侧边栏区域
            List(SidebarItem.allCases, id: \.self, selection: $selectedItem) { _ in
                NavigationLink(value: SidebarItem.item1) {
                    Label("Item", systemImage: "house")
                }
            }
            .listStyle(.sidebar)
        } detail: {
            // 详情区域单独加导航栈，内部导航走这个栈
            NavigationStack {
                if selectedItem != nil {
                    DetailView()
                } else {
                    Text("请选择侧边栏选项")
                }
            }
        }
    }
}

你的DetailView代码不需要做任何修改，内部的NavigationLink会自动关联详情区域的导航栈，跳转后侧边栏选中状态不会丢失。

方案2：兼容iPadOS 15及更早版本 #

如果需要支持旧系统，继续使用NavigationView的话，需要手动指定多列样式，同时给详情区域单独包裹导航视图：

struct MainView: View {
    @State private var selectedItem: Int? = 1
    
    var body: some View {
        NavigationView {
            List(1..<5, id: \.self, selection: $selectedItem) { item in
                NavigationLink(tag: item, selection: $selectedItem) {
                    // 详情页单独包裹NavigationView，走独立导航栈
                    NavigationView {
                        DetailView()
                    }
                    .navigationViewStyle(.stack)
                } label: {
                    Label("Item", systemImage: "house")
                }
            }
            .listStyle(.sidebar)
        }
        .navigationViewStyle(.columns)
    }
}

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