SwiftUI中ScrollView内Text重置后无法自动滚动至末尾的解决方法

使用SwiftUI的Text组件展示文本，当文本过长超出容器时通过ScrollView实现滚动，默认显示文本末尾。采用ScrollReader结合onChange中的scrollTo方法实现该功能，初始点击“add text”按钮添加文本时滚动正常，但点击“reset text”重置文本后再次添加，滚动功能失效。

1. 固定ID导致视图识别失效：原代码中Text的id固定为1，重置文本后再添加内容时，SwiftUI会认为该Text视图未发生本质变化，不会触发视图的重新渲染，导致scrollTo无法定位到更新后的文本末尾。
2. 滚动时机过早：onChange触发时，视图可能还未完成文本更新后的渲染，此时调用scrollTo会因为目标视图状态未更新而失效。

通过动态更新Text的id确保视图被正确识别，并延迟滚动操作保证视图渲染完成，具体修改如下：

struct ContentView: View 
{
    @State private var number = 0
    @State private var scrollText: String = ""
    @State private var textId = UUID() // 动态生成唯一ID
    
    var body: some View
    {
        VStack 
        {
            Button ("add text")
            {
                number += 1
                scrollText += "\(number)\n"
                textId = UUID() // 更新ID，触发视图识别
            }
            Button ("reset text")
            {
                scrollText = "reset\n"
                textId = UUID() // 更新ID，触发视图识别
            }
            ZStack
            {
                GeometryReader
                {
                    proxy in
                    ScrollViewReader
                    {
                        reader in
                        ScrollView
                        {
                            VStack (spacing: 0)
                            {
                                Text(scrollText)
                                    .id(textId) // 使用动态ID
                            }
                        }
                        .padding(EdgeInsets(top: 10, leading: 10, bottom: 10, trailing: 10))
                        .frame(maxHeight: proxy.size.height, alignment: .leading)
                        .onChange(of: scrollText)
                        {
                            _ in
                            // 延迟滚动，确保视图完成渲染
                            DispatchQueue.main.async {
                                reader.scrollTo(textId, anchor: .bottom)
                            }
                        }
                    }
                    RoundedRectangle(cornerRadius: 10)
                        .stroke(.black, lineWidth: 1)
                }
            }
            .padding(EdgeInsets(top: 0, leading: 10, bottom: 0, trailing: 10))
        }
        .frame(width: 400, height: 200)
    }
}

• 动态ID：新增textId状态变量，每次文本更新时生成新的UUID，让SwiftUI识别到Text视图的更新，确保scrollTo能定位到最新的视图实例。
• 延迟滚动：使用DispatchQueue.main.async将scrollTo操作延迟到主队列的下一轮循环，保证视图已经完成文本更新后的渲染，此时滚动操作能准确到达文本末尾。
• 修正参数错误：原代码中leading: left和trailing: right为未定义变量，此处改为具体数值10，确保代码可直接运行。

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