SwiftUI中TabView嵌套NavigationLink时，如何阻止返回根视图？

问题分析 #

默认情况下，TabView的子视图在切换标签页时会被销毁重建，导致Navigation栈状态丢失；退出并重启APP后，导航状态也不会自动保留。这是因为外层共用一个NavigationView时，所有Tab的导航栈都依赖于同一个容器，切换Tab时容器会重置子视图的导航状态。

解决方案 #

要实现切换Tab或重启APP后保留当前导航页面，需要分两步处理：保留Tab切换时的导航状态和持久化导航状态以便重启恢复。

1. 调整导航结构：每个Tab单独使用NavigationStack

将原来外层的NavigationView移除，给每个Tab的子视图单独嵌套NavigationStack（iOS 16+推荐），这样每个Tab拥有独立的导航栈，切换时TabView的缓存机制会保留子视图状态。

2. 持久化导航路径

使用@AppStorage（基于UserDefaults）保存每个Tab的导航路径，实现APP重启后自动恢复到之前的页面。

修改后的完整代码 #

import SwiftUI

struct ContentView: View {
    var body: some View {
        MainView()
    }
}

struct MainView: View {
    @State private var selectedCategory: TestCategory = .view1
    
    var body: some View {
        VStack {
            Picker("Select View", selection: $selectedCategory) {
                Text("View 1").tag(TestCategory.view1)
                Text("View 2").tag(TestCategory.view2)
            }
            .pickerStyle(SegmentedPickerStyle())
            .padding()
            
            TabView(selection: $selectedCategory) {
                View1()
                    .tag(TestCategory.view1)
                    .tabItem { Text("View 1") }
                
                View2()
                    .tag(TestCategory.view2)
                    .tabItem { Text("View 2") }
            }
        }
    }
}

enum TestCategory {
    case view1, view2
}

// 定义View1的导航目的地，实现Codable用于持久化
enum View1Destination: String, Codable {
    case detail1
}

struct View1: View {
    @AppStorage("view1NavigationPath") private var pathData: Data = Data()
    @State private var navigationPath: [View1Destination] = []
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            VStack {
                NavigationLink(value: View1Destination.detail1) {
                    Text("View 1 Navigation")
                        .padding()
                        .background(Color.blue)
                        .foregroundColor(.white)
                        .cornerRadius(10)
                }
            }
            .navigationTitle("View 1")
            .navigationDestination(for: View1Destination.self) { dest in
                switch dest {
                case .detail1: Text("Destination View1")
                }
            }
        }
        .onAppear {
            // 恢复之前保存的导航路径
            if let savedPath = try? JSONDecoder().decode([View1Destination].self, from: pathData) {
                navigationPath = savedPath
            }
        }
        .onChange(of: navigationPath) { newPath in
            // 导航路径变化时保存
            if let data = try? JSONEncoder().encode(newPath) {
                pathData = data
            }
        }
    }
}

// 定义View2的导航目的地
enum View2Destination: String, Codable {
    case detail2
}

struct View2: View {
    @AppStorage("view2NavigationPath") private var pathData: Data = Data()
    @State private var navigationPath: [View2Destination] = []
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            VStack {
                NavigationLink(value: View2Destination.detail2) {
                    Text("View 2 Navigation")
                        .padding()
                        .background(Color.yellow)
                        .foregroundColor(.white)
                        .cornerRadius(10)
                }
            }
            .navigationTitle("View 2")
            .navigationDestination(for: View2Destination.self) { dest in
                switch dest {
                case .detail2: Text("Destination View2")
                }
            }
        }
        .onAppear {
            if let savedPath = try? JSONDecoder().decode([View2Destination].self, from: pathData) {
                navigationPath = savedPath
            }
        }
        .onChange(of: navigationPath) { newPath in
            if let data = try? JSONEncoder().encode(newPath) {
                pathData = data
            }
        }
    }
}

关键说明 #

• 独立导航栈：每个Tab子视图单独使用NavigationStack，确保切换Tab时各自的导航状态被TabView缓存保留。
• 持久化实现：通过@AppStorage存储导航路径的JSON数据，利用Codable协议实现枚举的编码解码，APP重启后自动恢复路径。
• 兼容iOS15及以下：如果需要支持旧版本，可以将NavigationStack替换为NavigationView，通过绑定isActive的方式控制导航状态，并持久化该状态值。

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