SwiftUI视图中新增条目时如何实现自动滚动到底部？

你当前的实现存在几个关键问题导致滚动失效，以下是针对性的修正方案：

核心问题分析 #

1. ID设置错误：你给所有Text(qa.answer)设置了相同的id（数组的count），新增条目后旧条目的id也会同步变化，ScrollViewReader无法定位到正确的目标条目。
2. 代理变量名不匹配：代码中ScrollViewReader的参数是scrollView，但滚动逻辑里用了proxy.scrollTo，变量名不一致导致调用失败。
3. 滚动目标与ID不对应：你尝试滚动到count - 1，但实际设置的id是count，两者完全不匹配，自然无法触发滚动。

修正后的完整代码 #

首先确保你的QA模型实现Identifiable（如果还没实现）：

struct QA: Identifiable {
    let id = UUID() // 自动生成唯一且稳定的ID
    let question: String
    let answer: String
}

然后修改ScrollView的实现：

ScrollViewReader { proxy in
    ScrollView(showsIndicators: false) {
        ForEach(requ.questionAndAnswers) { qa in
            VStack(spacing: 2) {
                Text(qa.question)
                    .bold()
                    .foregroundColor(colorScheme == .dark ? .white : .black)
                    .frame(minWidth: 600, maxWidth: .infinity, alignment: .leading)
                
                Text(qa.answer)
                    .foregroundColor(colorScheme == .dark ? .white : .black)
                    .padding(.bottom, 10)
                    .frame(minWidth: 600, maxWidth: .infinity, alignment: .leading)
            }
            .id(qa.id) // 给每个完整条目设置唯一且稳定的ID
        }
    }
    .padding([.top, .leading, .trailing], 50)
    .onChange(of: requ.questionAndAnswers.count) { _ in
        DispatchQueue.main.async {
            withAnimation {
                // 滚动到最后一个条目的ID，确保条目已渲染完成
                if let lastQAID = requ.questionAndAnswers.last?.id {
                    proxy.scrollTo(lastQAID, anchor: .bottom)
                }
            }
        }
    }
}

额外注意事项 #

• 如果无法给QA添加Identifiable，可以临时用数组索引作为ID（但不推荐，数组删除元素时会出问题）：把.id(qa.id)改成.id(requ.questionAndAnswers.firstIndex(of: qa))，滚动时用proxy.scrollTo(requ.questionAndAnswers.count - 1, anchor: .bottom)。
• DispatchQueue.main.async的作用是等待SwiftUI完成新条目的渲染后再执行滚动，避免滚动时目标视图还未加载。
• anchor: .bottom参数确保最后一个条目完全显示在ScrollView底部，默认的.center可能导致条目只显示一部分。

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