iPadOS应用NavigationStack切换分类时路径被清空求助

切换侧边栏分类时，对应分类的NavigationStack会因视图重新渲染被销毁重建，默认情况下每个NavigationStack的路径状态未被独立持久化，导致切换回来时路径被清空。核心问题是没有为每个分类单独维护导航路径状态。

用字典（键为分类唯一标识，值为对应路径数组）存储所有分类的导航状态，确保切换分类时各自的路径不会丢失。

代码示例 #

1. 定义基础模型 #

import SwiftUI

// 应用分类枚举
enum AppCategory: String, CaseIterable, Identifiable {
    case home, settings, profile
    var id: String { rawValue }
    var name: String { rawValue.capitalized }
}

// 页面枚举
enum Page: String, Identifiable {
    case subPage1, subPage2, subPage3
    var id: String { rawValue }
    var name: String { rawValue.capitalized }
}

2. 主视图实现（核心逻辑） #

struct ContentView: View {
    @State private var selectedCategory: AppCategory = .home
    // 为每个分类独立存储导航路径
    @State private var categoryPaths: [String: [Page]] = [:]
    
    var body: some View {
        NavigationSplitView {
            List(AppCategory.allCases, selection: $selectedCategory) { category in
                Text(category.name)
            }
            .navigationTitle("Categories")
        } detail: {
            // 绑定当前分类对应的路径，默认空数组
            NavigationStack(path: $categoryPaths[selectedCategory.id, default: []]) {
                CategoryRootView(category: selectedCategory)
                    .navigationDestination(for: Page.self) { page in
                        SubPageView(page: page)
                    }
            }
        }
    }
}

// 分类根视图（提供跳转入口）
struct CategoryRootView: View {
    let category: AppCategory
    var body: some View {
        VStack(spacing: 20) {
            Text("\(category.name) Root")
                .font(.title)
            
            Button("Go to Sub Page 1") {
                NavigationStack.append(Page.subPage1)
            }
            
            Button("Go to Sub Page 2") {
                NavigationStack.append(Page.subPage2)
            }
        }
        .navigationTitle(category.name)
    }
}

// 子页面视图（支持层级跳转）
struct SubPageView: View {
    let page: Page
    var body: some View {
        VStack(spacing: 20) {
            Text(page.name)
                .font(.title)
            
            if page != .subPage3 {
                Button("Go to Sub Page 3") {
                    NavigationStack.append(Page.subPage3)
                }
            }
        }
        .navigationTitle(page.name)
    }
}

3. 关键细节说明 #

• categoryPaths字典：以分类ID为键，存储对应分类的完整导航路径，首次访问分类时自动初始化空数组。
• 绑定路径：NavigationStack直接绑定当前选中分类的路径，切换分类时读取已有状态而非重建空路径。
• 路径更新：通过NavigationStack.append()或直接修改字典数组更新路径，确保状态持久化。

1. 选中Home分类，依次跳转到Sub Page 1→Sub Page 3
2. 切换到Settings分类，跳转到Sub Page 2
3. 切回Home分类，会直接回到Sub Page 3层级，路径未丢失
4. 切回Settings分类，也会保留Sub Page 2的路径

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