SwiftUI条件帧过渡动画异常：存储属性失效与ViewModel重绘疑问

一、最初存储属性版本无动画的原因 #

• 视图身份被判定为全新实例：你的ChildView中，values是本地存储的let常量。当父视图的isToggle切换时，ChildView的body会重新计算，SwiftUI会将重建后的HStack视为完全新的视图，直接销毁旧视图、渲染新视图，跳过了动画过渡的过程。
• 缺少稳定的视图标识：ForEach遍历字符串数组时，若未显式指定id（比如ForEach(values, id: \.self)），SwiftUI无法稳定跟踪每个Text视图的身份，进一步导致属性变化的动画无法被触发。

二、ViewModel版本动画生效且子视图重绘的原因 #

动画生效的原因 #

当ChildView使用@EnvironmentObject的ViewModel时，ViewModel是引用类型，vm.values是被@Published包装的数组。即使isToggle变化，vm.values并未修改，SwiftUI会判定HStack及其内部的Text视图是同一个实例（依赖ViewModel的引用和ForEach的稳定id识别身份），因此alignment属性变化时，SwiftUI会对同一个视图的属性执行平滑动画，而非销毁重建。

子视图重绘的原因 #

ChildView的body依赖两个变量：传入的isToggle参数，以及@EnvironmentObject的vm。只要其中任意一个依赖发生变化，SwiftUI就会触发body的重计算（即重绘）。这里isToggle切换属于依赖变化，即使vm的数据未改动，ChildView依然会重绘——这是SwiftUI的核心更新机制：视图的依赖状态变化就会触发重绘，和数据源是否变化无关。

补充：让最初版本生效的小修改 #

如果想让最初的存储属性版本也有动画，只需给HStack添加一个稳定的标识，让SwiftUI识别它是同一个视图：

struct ChildView: View {
  let values = ["one", "two", "three", "four"]
  var isToggle: Bool

  var body: some View {
    HStack {
       ForEach(values, id: \.self) { value in
            Text("\(value)")
                     .frame(width: UIScreen.main.bounds.width / 3)
       }
    }
    .id("fixed-hstack") // 添加稳定id
    .frame(width: UIScreen.main.bounds.width, alignment: isToggle ? .trailing : .leading)
  }
}

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