SwiftUI TabView内条件渲染页面不生效如何刷新TabView？

你遇到的动态标签页不生效问题，本质是PageTabViewStyle模式下的TabView会在首次渲染时缓存子页面数量，后续@State变量变化不会主动触发TabView的页面列表刷新，可通过以下两种方案解决：

方案1：通过id标识强制刷新TabView #

这是最低成本的修改方案，只需要给TabView绑定一个和显隐状态关联的id即可，状态变化时TabView会自动重建刷新页面列表，修改后的代码如下：

struct Demo2: View {
    @State private var showNextTab = false
    
    var body: some View {
        TabView {
            Text("Tab1")
                .onTapGesture {
                    self.showNextTab = true
                }
            
            if showNextTab {
                Text("Tab2")
            }
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
        // 新增id绑定，状态变化时触发TabView重建
        .id(showNextTab)
    }
}

注意：该方案会导致TabView重建，原有页面的临时状态（如输入内容、滚动位置）会被重置，适合简单轻量的使用场景。

方案2：数组驱动TabView渲染（推荐） #

通过Identifiable数组封装所有Tab页，动态修改数组实现标签页的增删，不需要重建TabView，可保留原有页面的状态，示例代码如下：

// 定义Tab项的通用模型
struct TabItem: Identifiable {
    let id = UUID()
    let content: AnyView
}

struct Demo2: View {
    @State private var tabs: [TabItem] = [
        TabItem(content: AnyView(Text("Tab1")))
    ]
    
    var body: some View {
        TabView {
            ForEach(tabs) { tab in
                tab.content
            }
        }
        .tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
        .onAppear {
            // 给第一个Tab绑定点击校验逻辑
            guard let firstIndex = tabs.indices.first else { return }
            tabs[firstIndex] = TabItem(content: AnyView(
                Text("Tab1")
                    .onTapGesture {
                        // 此处可插入你的自定义校验逻辑
                        tabs.append(TabItem(content: AnyView(Text("Tab2"))))
                    }
            ))
        }
    }
}

优势：后续增删标签页仅需操作tabs数组即可，适配复杂业务场景，不会丢失已有页面的交互状态。

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