SwiftUI中ScrollViewReader的scrollTo无法滚动到横向滚动视图末尾

这个问题的核心是文本内容更新后，ScrollView还未完成布局更新就执行了scrollTo操作，导致无法定位到正确的末尾位置；另外如果Text未设置单行限制，可能会换行导致横向滚动空间不足，也会影响滚动效果。

解决方案步骤： #

• 确保Text横向展开：给Text添加.lineLimit(1)，强制单行显示，让内容横向延伸，保证ScrollView有滚动空间。
• 延迟执行scrollTo：在onChange中等待视图布局更新完成后再调用滚动方法，可通过DispatchQueue.main.async或Task实现。

修改后的完整代码： #

ScrollViewReader { scrollProxy in
    ScrollView(.horizontal, showsIndicators: false) {
        VStack {
            Text(text)
                .id(0)
                .foregroundColor(.white)
                .font(.system(size: fontSize , design: .rounded))
                .lineLimit(1) // 新增：强制单行，确保横向滚动有效
            Spacer()
        }
    }
    .scrollBounceBehavior(.basedOnSize, axes: .horizontal)
    .onChange(of: text) { _ in
        // 使用DispatchQueue等待布局更新完成
        DispatchQueue.main.async {
            scrollProxy.scrollTo(0, anchor: .trailing)
        }
    }
    .padding([.horizontal, .top])
}

替代方案（iOS 15+）：使用Task #

如果你的项目支持iOS 15及以上，也可以用Task来替代DispatchQueue，它会在当前视图更新周期结束后执行：

.onChange(of: text) { _ in
    Task { @MainActor in
        scrollProxy.scrollTo(0, anchor: .trailing)
    }
}

原理说明： #

当text变化时，SwiftUI会触发视图更新，但布局计算和渲染需要一定时间，直接调用scrollTo时，Text的新尺寸还未生效，滚动操作无法找到正确的位置。用DispatchQueue.main.async或Task将滚动操作推迟到下一个主循环周期，此时ScrollView已经完成了新内容的布局，就能正确滚动到末尾。

内容的提问来源于stack exchange，提问作者Chris de Wet