SwiftUI PageTabViewStyle的TabView用onAppear检测活跃页异常如何解决

• 你的写法存在问题，不是系统bug，也不是类似UITableView的Cell复用机制，是PageTabViewStyle模式下的TabView自带预加载逻辑：为了保证滑动流畅，系统会提前加载当前页的相邻页面，这就会触发相邻页的onAppear回调，多个视图的onAppear同时修改activeTab变量，就会出现赋值混乱、打印错乱的问题。
• 你已经给TabView声明了selection: $activeTab绑定，完全不需要通过onAppear来手动修改激活状态，这个绑定本身就会自动同步当前选中的Tab值。

你只需要给TabView内的每个子视图添加和activeTab类型匹配的tag修饰符即可，系统会自动将当前展示页的tag值同步到activeTab变量，指示器就会自动变色：

// 首先确认activeTab的类型是Int，默认值可以设为1
@State private var activeTab = 1

VStack {
    HStack(spacing: 8) {
        Rectangle()
            .foregroundColor(activeTab == 1 ? .blue : .red)
        Rectangle()
            .foregroundColor(activeTab == 2 ? .blue : .red)
        Rectangle()
            .foregroundColor(activeTab == 3 ? .blue : .red)
        Rectangle()
            .foregroundColor(activeTab == 4 ? .blue : .red)
    }
    .frame(height: 100)
    .padding()
    
    TabView(selection: $activeTab) {
        // 每个子视图添加对应的tag，和activeTab的取值对应
        ViewOne()
            .tag(1)
        ViewTwo()
            .tag(2)
        ViewThree()
            .tag(3)
        ViewFour()
            .tag(4)
    }
    .tabViewStyle(PageTabViewStyle())
}

如果需要监听Tab切换的动作，可以给TabView添加onChange修饰符监听activeTab的变化，不需要给每个子视图单独加回调：

TabView(selection: $activeTab) {
    // 子视图...
}
.tabViewStyle(PageTabViewStyle())
.onChange(of: activeTab) { newValue in
    print("当前选中的tab: \(newValue)")
}

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