SwiftUI 水平ScrollView中展开/收起组动画收起时弹跳问题咨询

核心原因是ScrollView自身frame的动画和内部内容尺寸的动画时序不同步：你给外层父VStack加了全局动画，当触发收起操作时，内部VStack的元素移除动画和ScrollView的高度收缩动画同时触发，但二者的动画计算进度不一致：

• 收起时内部VStack的高度会先快速缩小，此时ScrollView的frame还没收缩到对应高度，ScrollView默认会把内部短于自身高度的内容对齐到顶部，导致整体内容先向上跳
• 等ScrollView的frame完成收缩动画后，又会带着内容向下移动到最终位置，就形成了观察到的上下弹跳效果
  移除ScrollView后，外层VStack和内部文本容器的尺寸变化完全同步，没有布局错位，自然不会出现弹跳问题。

你可以任选以下一种方案解决：

1. 给ScrollView的内部内容添加上部对齐约束，明确动画过程中内容的位置，避免ScrollView自动调整内容位置：

ScrollView(.horizontal) {
    VStack(spacing: 20) {
        ForEach(colors.prefix(upTo: expanded ? 10 : 5), id: \.self) { color in
            Text(color.description.capitalized)
        }
    }
    // 新增以下行，明确内容始终顶部对齐
    .frame(maxHeight: .infinity, alignment: .top)
}

2. 把全局动画修改为绑定expanded状态的精准动画，减少多余的无关联动画计算，避免时序错位：
   将外层VStack的动画修饰符替换为：

.animation(.easeIn(duration: 1), value: expanded)

3. 如果你的业务场景允许固定ScrollView高度，直接给ScrollView设置固定高度即可，彻底避免动态高度调整带来的动画冲突：

ScrollView(.horizontal) {
    // 原有内容不变
}
.frame(height: 400) // 高度根据你的实际内容调整

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