如何使用 flutter_animate 重新启动动画？

Question

我最近开始使用这个包

flutter_animate

，一见钟情。但是当小部件重建时如何重新启动动画？

例如，我下面的小部件动画很棒

Text('Good\nJob!')
  .animate()
  .fadeOut(duration: 2000.ms).scaleXY(duration: 2000.ms, end: 2.0)

但是当我

setState

并且小部件重建时，动画不会重新启动并且文本仍然淡出。有没有办法在每次小部件重建时触发动画重新启动？

Answer 1

您可以使用Flutter提供的

AnimatedBuilder

小部件

像这样

AnimatedBuilder(
  animation: _animation,
  builder: (context, child) {
    return Text('Good\nJob!')
      .animate()
      .fadeOut(duration: 2000.ms).scaleXY(duration: 2000.ms, end: 2.0);
  },
)

使用方法

setState(() {
  _animation.value = newValue;
});