SwiftUI动画仅在onTapGesture仅修改rotationAngle时生效，求原因？

原因分析 #

你遇到的问题源于使用了隐式动画（通过.animation修饰符绑定到rotationAngle）。当在同一个点击事件中同时修改多个状态（比如currentArrow和rotationAngle）时，SwiftUI会将这些状态变化合并为一次视图更新，此时隐式动画的依赖追踪逻辑会被干扰——视图的整体刷新可能导致rotationAngle的变化未被正确捕捉，从而无法触发动画。

另外，若在其他位置修改rotationAngle，由于视图更新上下文的变化（并非由rotationAngle单独触发更新），隐式动画同样可能失效。

解决方案 #

推荐使用显式动画（withAnimation）包裹需要动画的状态修改，这种方式能明确指定对特定状态变化应用动画，不受其他状态修改的影响，是SwiftUI官方更推荐的可靠实现方式。

修改后的代码示例 #

Image(systemName: "arrow.up.circle")
    .resizable()
    .foregroundColor(.white)
    .frame(width: 50, height: 50)
    .rotationEffect(Angle.degrees(self.rotationAngle))
    .onTapGesture {
        self.currentArrow.toggle()
        // 用withAnimation包裹rotationAngle的修改，确保动画生效
        withAnimation(.easeIn) {
            self.rotationAngle += 180
        }
    }

额外说明 #

如果坚持使用隐式动画，需要确保动画修饰符的作用范围精准，且避免在同一更新周期内修改多个影响视图的状态。但显式动画的可控性和稳定性更强，在复杂视图场景下更值得优先采用。

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