SwiftUI自定义TabView切换时如何保留视图状态避免重载？

你当前用if-else分支根据index渲染对应视图，这种方式下，当index改变时，非当前分支的视图会被SwiftUI从视图树中移除并销毁，切换回来时会重新创建实例，导致之前的状态（比如ScrollView滚动位置、输入框内容等）全部丢失。

要解决这个问题，需要让所有标签页的视图始终保持在视图层级中，仅通过显示/隐藏和交互控制实现切换，具体修改如下：

修改核心代码 #

将PrincipalTabViewNV中的ZStack部分替换为以下代码：

ZStack{
    HomeView()
        .opacity(index == 0 ? 1 : 0)
        .allowsHitTesting(index == 0)
    
    SearchView()
        .opacity(index == 1 ? 1 : 0)
        .allowsHitTesting(index == 1)
    
    ProfileView(destination: $destination)
        .opacity(index == 2 ? 1 : 0)
        .allowsHitTesting(index == 2)
    
    SavedView()
        .opacity(index == 3 ? 1 : 0)
        .allowsHitTesting(index == 3)
}.padding(.bottom,-25)

原理说明 #

• opacity：控制视图透明度，非当前标签页的视图设为完全透明（opacity(0)），视觉上不可见
• allowsHitTesting(index == 当前index)：让非当前标签页的视图不响应任何触摸交互，避免透明视图干扰当前页面操作

这样所有标签页的视图实例会一直存在于视图树中，切换时不会被销毁，自然就能保留之前的状态。

额外优化（可选） #

如果担心多视图同时存在的性能问题，可以结合LazyVStack或hidden()修饰符，但opacity+allowsHitTesting是最直接适配你现有自定义TabBar的方案。

内容的提问来源于stack exchange，提问作者Isidro Jesús