TabView切换至第三标签后自动恢复至初始标签问题求助

问题核心原因 #

你碰到的这个问题，本质就是TabView的选中状态被意外重置了，大概率是这两个原因导致的：

1. 当FavoritesViewModel的viewState切换到.finished时，触发了包含TabView的父视图重新渲染，如果TabView绑定的selection变量是个没做好持久化的@State，一重建就回到默认的第一个标签了。
2. 另一种可能是FavoritesView内部状态更新时，意外触发了整个TabView子视图层级的重建，直接把选中状态打回原形。

具体修复步骤 #

1. 稳住TabView的选中状态

先检查你的TabView代码，确保selection绑定的是不会随便重置的变量：

// 踩坑写法：如果父视图重建，这个@State会被重新初始化，选中状态直接回到0
@State private var selectedTab = 0

// 靠谱写法1：用@AppStorage持久化状态，即使重启App也能记住选中的标签
@AppStorage("selectedTab") private var selectedTab = 0

// 靠谱写法2：把选中状态放到全局ViewModel里（用@StateObject持有），避免父视图重建丢失状态
class AppViewModel: ObservableObject {
    @Published var selectedTab = 0
}

// 在根视图里用@StateObject持有
@StateObject private var appVM = AppViewModel()
// 然后TabView绑定到appVM.selectedTab
TabView(selection: $appVM.selectedTab) { ... }

2. 正确持有FavoritesViewModel

一定要用@StateObject来持有FavoritesViewModel，别用@ObservedObject，不然视图一重建ViewModel就重新创建，状态更新直接带崩视图：

// 在FavoritesView里这么写
@StateObject private var viewModel = FavoritesViewModel()

// 要是ViewModel需要从父视图传，父视图得用@StateObject先持有它
// 父视图里：
@StateObject private var favVM = FavoritesViewModel()
// 然后传给子视图：
FavoritesView(viewModel: favVM)
// 子视图里用@ObservedObject接收
@ObservedObject var viewModel: FavoritesViewModel

3. 避免不必要的视图重建

给FavoritesView加上Equatable协议，让它只在真正需要的时候刷新，别动不动就触发父视图重建：

struct FavoritesView: View, Equatable {
    static func == (lhs: FavoritesView, rhs: FavoritesView) -> Bool {
        // 只比较影响UI的关键状态，比如viewState的类型和数据是否一致
        switch (lhs.viewModel.viewState, rhs.viewModel.viewState) {
        case (.loading, .loading): return true
        case (.finished(let lhsItems), .finished(let rhsItems)): return lhsItems == rhsItems
        default: return false
        }
    }
    
    @StateObject private var viewModel = FavoritesViewModel()
    
    var body: some View {
        // 你的视图内容
    }
}

// 然后在TabView里用的时候加上.equatable()
TabView(selection: $selectedTab) {
    // ...其他标签页
    FavoritesView()
        .tabItem { Image(systemName: "star"); Text("收藏") }
        .tag(2)
        .equatable()
}

额外排查点 #

• 看看newsLetters.items的修改是不是触发了父视图的状态变化，如果newsLetters是父视图的@State变量，改它肯定会让父视图重建，直接影响TabView的选中状态。
• 打开Xcode的Debug View Hierarchy，或者看控制台的Redraw日志，确认到底是哪个视图在疯狂重建，揪出问题根源。

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