SwiftUI中TabView嵌套ScrollView切换标签时滚动位置复位问题求解

这个是SwiftUI的已知Bug，在iOS 15及以上系统中，搭配分页样式的TabView（.tabViewStyle(.page)）使用时会高频出现，核心诱因有两个：

• SwiftUI的视图复用机制会将结构相似的Tab子页面判定为同类视图，错误复用前一个页面的状态
• 无显式偏移绑定的ScrollView不会被系统持久化存储滚动位置，TabView慢滑动切换的过渡动画过程中，会触发滚动位置重置逻辑
  你补充的滚动偏移继承问题也来自同一根源：当ProgressView放在ScrollView内部时，所有Tab的根视图结构统一为ScrollView，系统直接把前一个页面的滚动偏移量复用到了新切换的页面上。

方案1：给每个Tab页面添加唯一标识（最简方案，90%场景可解决） #

给每个Tab的根视图添加唯一的.id()修饰符，强制SwiftUI独立渲染每个页面，禁止跨页面视图复用，修改后代码如下：

var body: some View {
    TabView(selection: $selectedTab) {
        ForEach(coreData.pageList, id: \.self) { page in
            Group {
                if coreData.pageList[page] == nil {
                    ProgressView()
                        .onAppear {
                            loadPage(page: page)
                        }
                } else {
                    ScrollView {
                        Text("START OF PAGE ------- -----Page Number: \(page)! This is a very short text made big to simulate scrolling. This is a very short text made big to simulate scrolling. ")
                            .font(.system(size: 90))
                    }
                }
            }
            // 核心：给每个页面绑定唯一id，强制独立渲染
            .id(page)
        }
    }
    // 保留你原有分页样式配置即可
    .tabViewStyle(.page(indexDisplayMode: .never))
}

方案2：显式绑定每个页面的滚动偏移（复杂场景兼容） #

如果页面结构复杂，加id后仍偶现问题，可以给每个ScrollView绑定独立的滚动偏移量，切换页面时手动恢复：

• 用字典存储每个页面对应的滚动偏移
• 搭配ScrollViewReader在页面出现时跳转到对应偏移位置

方案3：iOS 17+适配方案 #

iOS 17新增了scrollPosition修饰符，可以直接绑定滚动位置的持久化存储，比手动管理偏移更稳定。

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