SwiftUI动画触发AsyncRenderer崩溃问题求助

问题场景 #

用SwiftUI实现模拟振动的循环动画，运行2-3分钟后CPU占用从30%飙升至100%以上，最终崩溃。移除.scaleEffect()后问题消失，且每0.1秒切换patternManager.animate的值。

原动画代码 #

ZStack {
    ForEach(1..<10, id: \.self) { num in
        Circle()
            .stroke(Color.accentColor, lineWidth: CGFloat(num))
            .scaleEffect(patternManager.animate ? 1.0 : (0.1 * Double(num)))
            .mask {
                RadialGradient(colors: [.black, .clear],
                               center: .center,
                               startRadius: 0.0,
                               endRadius: size.width / 1.8)
            }
    }
    .frame(width: size.width, height: size.width)
    .opacity(patternManager.isVibrating ? 1.0 : 0.0)
    .animation(.linear(duration: 0.5).repeatForever(autoreverses: false),
               value: patternManager.animate)
}

崩溃报错 #

com.apple.SwiftUI.AsyncRenderer (40): EXC_BAD_ACCESS (code=2, address=0x16bc9fff0)
SwiftUI: closure #1 in KitRendererCommon(_:) + 168

崩溃原因分析 #

1. 频繁动画触发与重复动画冲突：每0.1秒切换animate值，而动画本身是0.5秒的无限循环动画。这会迫使SwiftUI动画系统不断中断正在执行的动画，反复创建新的动画实例，短时间内堆积大量未完成的动画任务，CPU被持续占用，最终触发渲染层面的资源耗尽。
2. 缩放+遮罩的重绘压力：每个Circle都带有径向渐变遮罩，缩放动画会让SwiftUI频繁重绘这些带遮罩的图形。加上ForEach生成了9个这样的视图，每0.1秒触发一次动画重启，渲染管线被大量重复请求塞满，内存或渲染缓存溢出，最终引发EXC_BAD_ACCESS（访问了非法或已释放的渲染资源地址）。
3. 动画作用域不合理：动画修饰符加在ForEach外部，意味着animate变化时9个Circle的动画会同时触发，重复动画的叠加让渲染系统无法及时清理旧的动画状态，导致资源持续累积。

解决方案 #

1. 调整动画触发逻辑：放弃每0.1秒切换animate的操作，改用动画本身的循环实现振动效果。启动振动时只触发一次动画，让它自行循环：

   func startVibration() {
       patternManager.isVibrating = true
       withAnimation(.linear(duration: 0.5).repeatForever(autoreverses: false)) {
           patternManager.animate = true
       }
   }
   

   停止时再重置状态即可，无需频繁切换。

2. 优化视图与渲染：

   • 减少ForEach生成的视图数量，或者自定义Shape一次性绘制所有圆环，降低视图层级。
   • 缓存径向渐变遮罩，避免每次重绘都重新创建：

     @State private var vibrationMask = RadialGradient(colors: [.black, .clear],
                                                      center: .center,
                                                      startRadius: 0.0,
                                                      endRadius: UIScreen.main.bounds.width / 1.8)
     

     然后在mask中直接使用vibrationMask。

3. 调整动画作用域：将动画修饰符移到单个Circle内部，仅针对scaleEffect，避免不必要的全局重绘：

   ForEach(1..<10, id: \.self) { num in
       Circle()
           .stroke(Color.accentColor, lineWidth: CGFloat(num))
           .scaleEffect(patternManager.animate ? 1.0 : (0.1 * Double(num)))
           .mask(vibrationMask)
           .animation(.linear(duration: 0.5).repeatForever(autoreverses: false), value: patternManager.animate)
   }
   

4. 替换轻量动画效果：如果缩放开销太大，尝试用strokeLineWidth或opacity的变化模拟振动，减少重绘压力。

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