如何让SwiftUI的ScrollView在文本更新时自动滚动到底部？

要实现文本更新时自动滚动至末尾，同时保留手动滚动功能，可以通过以下步骤调整你的代码：

1. 修正层级结构 #

你之前把ScrollViewReader放在了ScrollView内部，正确的做法是用ScrollViewReader包裹整个ScrollView，这样才能让ScrollViewProxy正常控制滚动行为。

2. 监听文本变化并触发滚动 #

利用onChange（针对ObservableObject的Published属性也可使用onReceive）监听文本更新，在文本变化时调用scrollTo滚动到目标位置。为了确保滚动位置准确，建议通过DispatchQueue.main.async延迟执行滚动逻辑，等待SwiftUI完成文本的布局更新。

完整示例代码 #

假设你的ViewModel是遵循ObservableObject的类：

class ViewModel: ObservableObject {
    @Published var text = ""
}

struct AutoScrollTextView: View {
    @StateObject private var vm = ViewModel()
    
    var body: some View {
        ScrollViewReader { proxy in
            ScrollView {
                Text(vm.text)
                    .frame(minWidth: 20, alignment: .leading)
                // 添加底部锚点视图，方便定位到文本末尾
                Color.clear.id("scrollBottom")
            }
            .frame(height: 200)
            .onChange(of: vm.text) { _ in
                // 延迟执行确保布局完成，避免滚动位置偏差
                DispatchQueue.main.async {
                    withAnimation {
                        proxy.scrollTo("scrollBottom", anchor: .bottom)
                    }
                }
            }
            
            // 测试按钮：模拟文本持续更新场景
            Button("追加文本") {
                vm.text += "新增测试内容，验证自动滚动功能。\n"
            }
        }
    }
}

关键细节说明 #

• 锚点选择：用透明Color作为底部锚点比空Text更简洁；也可以直接给Text组件设置id，然后滚动到该id并指定anchor: .bottom，同样能实现滚到文本末尾的效果。
• 动画控制：withAnimation是可选的，去掉后滚动会瞬间完成，可根据需求选择。
• 手动滚动兼容性：文本未更新时，用户可以正常手动滚动；每次文本更新时会自动滚动到末尾，不会干扰用户的手动操作。

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