SwiftUI中结构体布尔值变更时3D旋转动画不生效问题排查

问题分析与解决方案 #

动画不生效的原因不是因为使用结构体，而是你的动画代码存在两处关键错误，同时还有一些潜在的代码规范问题需要修正，下面逐一说明：

1. 动画触发的依赖值完全错误

你的Line视图里，动画的value参数传了固定值180：

.animation(.linear(duration: 4.0), value: 180)

SwiftUI的动画是靠值的变化来触发的，固定值永远不会改变，所以动画自然不会执行。你需要监听的是line.isDone这个会动态变化的状态——当它从false变为true时，才应该触发旋转动画。

修改后的动画代码：

.animation(.linear(duration: 4.0), value: line.isDone)

2. 结构体属性修改的潜在隐患（需修正避免更新失效）

你的EnterWord方法里直接修改数组中结构体的属性：

lines[currentRowIndex].isDone = true

虽然Swift编译器允许这种写法，但对于值类型的数组元素，更稳妥清晰的做法是取出元素→修改→重新赋值回数组，确保@Published能100%感知到数组的变化（避免某些边界场景下的UI更新失效）：

func EnterWord() {
    // 先判断索引合法性，防止数组越界崩溃
    guard currentRowIndex < lines.count else { return }
    
    var updatedLine = lines[currentRowIndex]
    updatedLine.isDone = true
    lines[currentRowIndex] = updatedLine
    
    currentRowIndex += 1
}

额外优化建议 #

• 视图与结构体重名问题：你的Line视图和Line数据结构体同名了，非常容易造成混淆，建议把视图改名为LineView。
• ForEach的ID安全性：虽然当前Line遵循Hashable，但如果存在两个isDone和text完全相同的实例，ForEach会无法区分它们，建议给Line结构体添加唯一ID属性：

  struct Line : Hashable { 
      let id = UUID() // 添加唯一标识
      var isDone : Bool = false 
      var text : String 
  }
  

  然后ForEach使用这个唯一ID：

  ForEach(viewModel.lines, id: \.id){ line in 
      LineView(line: line)
  }
  

• 3D效果优化：可以给perspective参数设置一个大于0的值（比如0.5），让旋转的3D效果更自然。

修复后的完整LineView代码 #

struct LineView: View{ 
    var line : Line 
    
    var body: some View { 
        Text(line.text) 
            .rotation3DEffect( 
                Angle.degrees(line.isDone ? 180: 0), 
                axis: (1,0,0), 
                perspective: 0.5
            ) 
            .animation(.linear(duration: 4.0), value: line.isDone) 
    } 
}

修改完成后，点击按钮触发EnterWord方法时，对应的行就会正确播放3D旋转动画了。

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