VIPER架构iOS项目迁SwiftUI：TabView深层导航状态丢失问题

核心问题分析 #

1. Tab标识不稳定：使用UUID作为Tab的id，会导致每次切换Tab时SwiftUI判定为新Tab项，销毁原有视图并重建，直接丢失之前的导航栈和数据状态。
2. VIPER组件未复用：视图重建时，ViewAdapter重新初始化Presenter实例，导致数据被重置（如items.count变为0）。
3. 导航状态未持久化：嵌套导航的状态未绑定到全局或复用的状态容器，视图重建后无法恢复之前的导航层级。

具体修复步骤 #

1. 替换为稳定的Tab标识 #

用固定枚举/字符串替代UUID，确保Tab的身份唯一且不变，避免视图频繁重建：

enum TabID: Hashable {
    case tab1, tab2
}

struct MainView: View {
    @State private var selectedTab: TabID = .tab1
    
    var body: some View {
        TabView(selection: $selectedTab) {
            Tab1View()
                .tag(TabID.tab1)
            
            Tab2View()
                .tag(TabID.tab2)
        }
        .customTabBar(selectedTab: $selectedTab)
    }
}

2. 复用VIPER Presenter实例 #

为每个Tab对应的VIPER模块创建单例Presenter，或通过全局状态容器共享实例，避免视图重建时重置数据：

class Tab2Presenter {
    static let shared = Tab2Presenter()
    var items: [Item] = []
    
    func loadData() {
        // 仅在数据为空时加载，避免重复请求
        guard items.isEmpty else { return }
        // 模拟数据加载逻辑
        items = [Item(id: 1, name: "详情1"), Item(id: 2, name: "详情2")]
    }
}

// ViewAdapter层连接SwiftUI与Presenter
struct Tab2ViewAdapter: View {
    private let presenter = Tab2Presenter.shared
    
    var body: some View {
        Tab2View(
            items: presenter.items,
            navigationPath: $presenter.navigationPath
        )
        .onAppear {
            presenter.loadData()
        }
    }
}

3. 持久化导航栈状态 #

将导航路径绑定到Presenter的@Published变量，确保视图重建时恢复导航层级：

extension Tab2Presenter {
    enum NavDestination: Hashable {
        case child2, child2Detail(Item)
    }
    
    @Published var navigationPath: [NavDestination] = []
    
    func pushToChild2() {
        navigationPath.append(.child2)
    }
    
    func pushToDetail(_ item: Item) {
        navigationPath.append(.child2Detail(item))
    }
    
    func popBack() {
        navigationPath.removeLast()
    }
}

// Tab2View使用NavigationStack绑定路径
struct Tab2View: View {
    let items: [Item]
    @Binding var navigationPath: [Tab2Presenter.NavDestination]
    
    var body: some View {
        NavigationStack(path: $navigationPath) {
            List(items) { item in
                NavigationLink(value: Tab2Presenter.NavDestination.child2Detail(item)) {
                    Text(item.name)
                }
            }
            .navigationDestination(for: Tab2Presenter.NavDestination.self) { dest in
                switch dest {
                case .child2:
                    Child2View(items: items, navigationPath: $navigationPath)
                case .child2Detail(let item):
                    Child2_xView(item: item) {
                        navigationPath.removeLast()
                    }
                }
            }
        }
    }
}

4. 优化视图刷新逻辑 #

• 用@StateObject或@ObservedObject正确管理Observable对象，避免无关状态触发刷新。
• 给onAppear逻辑加判断条件，禁止重复执行数据加载等操作。

验证效果 #

修复后重新测试场景2：进入Tab2→Child2→Child2_x，切换Tab1再切回Tab2时，导航栈会保留在Child2_x页面，数据不会被重置，也不会出现空白。

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