为何结合ScrollViewReader的ScrollView无法带动画滚动？

以下是几个可行的调整方案，你可以逐一尝试：

• 延迟执行滚动操作
  视图onAppear触发时，ScrollView可能还未完成完整布局，导致动画无法正常触发。将滚动逻辑放到DispatchQueue.main.async中，让它在当前布局周期结束后执行：

  .onAppear {
      DispatchQueue.main.async {
          withAnimation(.easeInOut(duration: 2)) { // 显式指定动画时长，效果更明显
              proxy.scrollTo(9, anchor: .bottom)
          }
      }
  }
  

• 使用.task修饰符替代.onAppear
  .task会在视图出现后异步执行任务，更适配布局完成后的操作场景：

  .task {
      withAnimation(.easeInOut(duration: 1.5)) {
          proxy.scrollTo(9, anchor: .bottom)
      }
  }
  

• 确认内容布局完成
  如果你的图片是异步加载的，初始状态下图片高度可能为0，导致目标位置id=9的元素没有足够的偏移量，动画效果不明显。可以给图片设置固定高度，或者监听图片加载完成的状态，在所有图片加载完毕后再执行滚动操作。

• 检查动画时长
  默认的.easeInOut动画时长较短，可能看起来像"无动画"。显式指定duration参数（比如1-2秒），更容易观察到滚动效果。

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