SwiftUI分页TabView如何根据首页状态动态控制第二页是否存在及更新

数据老陈

2026-10-1

解决方案

问题根源

iOS 14 + Xcode 13 环境下，分页样式的TabView默认不会自动监听子视图结构的动态变化，无法主动触发页面数量的重计算
已渲染过的页面会被TabView缓存复用，状态变更后不会自动刷新已缓存的页面内容
原代码中注释了if model.on的条件判断，导致第二页永远存在，仅内容变为EmptyView，自然不会触发页数变化

补充：List可以正常动态调整子项，是因为List对动态子视图的监听逻辑是系统默认实现的，而iOS14的分页TabView没有做对应的适配，iOS15及以上版本不需要额外处理也可以正常触发页数更新。

修改方案

直接替换OptionalPageTabView2的实现即可，核心是给TabView绑定随开关变化的唯一标识，触发状态变更时的完全重绘：

struct OptionalPageTabView2: View {
    @ObservedObject var model = TabViewModel.shared
    var body: some View {
        TabView {
            let _ = print("rendering TabView")
            Toggle(isOn: $model.on) {
                Text("Show second page")
            }
            .id(1) // 给每个页面加稳定的唯一标识
            if model.on {
                Page2View()
                    .id(2)
            }
            Text("Hello third page")
                .id(3)
        }
        .id(model.on) // 核心：TabView的标识绑定开关状态，状态变化时TabView会完全重绘，重新计算页面数量
        .tabViewStyle(.page)
        .indexViewStyle(.page(backgroundDisplayMode: .always))
    }
}

Page2View、TabViewModel无需修改。