SwiftUI中TabView嵌套多视图时ViewModel更新触发自动回退问题

根因分析 #

1. 视图重绘导致导航状态失效 #

UserAppViewModel 为 ObservableObject 类型，你代码中省略的 status 等展示属性必然使用了 @Published 修饰。当 getDetails 请求完成更新 @Published 属性时，所有持有该 ViewModel 作为 @ObservedObject 的视图（包括上层的 ContentView、TabBView、ConnectView）都会触发全局重绘。
而 ConnectView 中的 NavigationLink 被包裹在 if let id = connectViewModel.id 可选绑定块内部，重绘时会生成新的 NavigationLink 实例，原有绑定的 isShowingDetailView = true 状态会被系统重置为 false，直接触发页面自动回退。

2. 布局结构不符合官方规范 #

你将 TabView 嵌套在 NavigationView 内部，违反了苹果的布局规范：TabView 应当作为应用根容器，每个标签页独立持有自己的导航栈。该结构下 TabView 任意重绘都会打乱全局导航栈状态，是页面异常回退的核心诱因。

3. 重复设置 Tab 选中状态的逻辑缺陷 #

你在 TabView 的 onAppear 中每次都强制将选中页设置为 TabA，当 ContentView 因 ViewModel 更新重绘时该逻辑会被触发，也可能导致导航栈被强制重置。

修复方案 #

1. 调整根布局层级 #

将 TabView 提为根视图，每个标签页独立持有 NavigationView，同时修改 Tab 初始化逻辑，避免重复设置选中状态：

struct ContentView: View {
    enum AppPage: Int {
        case TabA=0, TabB=1
    }
    
    @StateObject var settings = Settings()
    // 若为全局唯一实例建议用@StateObject持有，避免意外重建
    @StateObject var userViewModel: UserViewModel
    @StateObject var userAppViewModel: UserAppViewModel
    
    var body: some View {
        TabView(selection: $settings.tabItem) {
            NavigationView {
                TabAView(userViewModel: userViewModel, userAppViewModel: userAppViewModel)
                    .navigationBarTitleDisplayMode(.inline)
            }
            .tabItem {
                Text("TabA")
            }
            .tag(AppPage.TabA)
            
            NavigationView {
                TabBView(userViewModel: userViewModel, userAppViewModel: userAppViewModel)
                    .navigationBarTitleDisplayMode(.inline)
            }
            .tabItem {
                Text("Apps")
            }
            .tag(AppPage.TabB)
        }
        .accentColor(.white)
        .edgesIgnoringSafeArea(.top)
        .onAppear(perform: {
            // 仅首次启动时设置默认Tab
            if settings.tabItem == nil {
                settings.tabItem = .TabA
            }
        })
        .environmentObject(settings)
    }
}

2. 重构ConnectView的跳转逻辑 #

将NavigationLink移出可选绑定块，避免重绘时跳转状态被重置：

struct ConnectView: View {
    
    @ObservedObject var connectViewModel: ConnectViewModel
    @ObservedObject var userViewModel: UserViewModel
    @ObservedObject var userAppViewModel: UserAppViewModel
    @State var buttonTitle = "CONNECT WITH THIS"
    @State var isShowingDetailView = false
    @State private var targetId: String? = nil
    
    var body: some View {
        VStack {
            Spacer()
            // 跳转Link单独放在外层，不随可选绑定重绘
            NavigationLink(destination: targetId != nil ? UserAppView(id: targetId!, userAppViewModel: userAppViewModel, userViewModel: userViewModel) : nil, isActive: $isShowingDetailView) {
                EmptyView()
            }
            
            if let id = connectViewModel.id {
                Button(buttonTitle, action: {
                    connectViewModel.connect {
                        buttonTitle = "CONNECTED"
                        targetId = id
                        isShowingDetailView = true
                    }
                })
            }
        }
        .onAppear {
            targetId = connectViewModel.id
        }
    }
}

3. 额外优化点 #

如果 ConnectViewModel 中的 isConnected 属性添加了 @Published 修饰，且不需要UI实时响应该状态，可以移除 @Published 修饰符，减少不必要的ConnectView重绘。如果是iOS 16+项目，建议使用 navigationDestination 管理跳转，状态稳定性更高。

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