Flutter 如何在循环中运行动画

我用下面的代码摇晃一个小部件，但效果是一次

如何使它以定时间隔在循环中运行。我相信这可以通过改变钥匙来实现，但这是一场决赛，不能改变

import 'package:flutter/material.dart';

@immutable
class ShakeWidget extends StatelessWidget {
  final Duration duration;
  final double deltaX;
  final Widget child;
  final Curve curve;

  const ShakeWidget({
    Key key,
    this.duration = const Duration(milliseconds: 500),
    this.deltaX = 20,
    this.curve = Curves.bounceOut,
    this.child,
  }) : super(key: key);

  /// convert 0-1 to 0-1-0
  double shake(double animation) =>
      2 * (0.5 - (0.5 - curve.transform(animation)).abs());

  @override
  Widget build(BuildContext context) {
    return TweenAnimationBuilder<double>(
      key: key,
      tween: Tween(begin: 0.0, end: 1.0),
      duration: duration,
      builder: (context, animation, child) => Transform.translate(
        offset: Offset(deltaX * shake(animation), 0),
        child: child,
      ),
      child: child,
    );
  }
}

导入“包装：颤振/材料.省道”；
@不变的
类ShakeWidget扩展了无状态widget{
最后期限；
最终双重征税；
最后一个孩子；
最终曲线；
常量ShakeWidget({
关键点，
this.duration=const duration（毫秒：500），
这个.deltaX=20，
this.curve=Curves.bounceOut，
这个孩子，
})：super（key:key）；
///将0-1转换为0-1-0
双抖动（双动画）=>
2*（0.5-（0.5-曲线变换（动画））.abs（））；
@凌驾
小部件构建（构建上下文）{
返回TweenAnimationBuilder(
钥匙：钥匙，
吐温：吐温（开始：0.0，结束：1.0），
持续时间：持续时间，
生成器：（上下文、动画、子项）=>Transform.translate(
偏移：偏移（deltaX*抖动（动画），0），
孩子：孩子，
),
孩子：孩子，
);
}
}

您需要使用AnimationController 并在控制器完成后调用repeat

导入“包装：颤振/材料.省道”；
void main（）=>runApp（MyApp（））；
类MyApp扩展了无状态小部件{
@凌驾
小部件构建（构建上下文）{
返回材料PP(
标题：“颤振演示”，
主题：主题数据(
主样本：颜色。蓝色，
),
家：脚手架(
正文：安全区(
孩子：ShakeWidget(
child:Text（'Hello world'），
),
),
),
);
}
}
类ShakeWidget扩展了StatefulWidget{
常量ShakeWidget({
关键点，
this.duration=const duration（毫秒：500），
这个.deltaX=20，
this.curve=Curves.bounceOut，
@需要这个孩子，
})：super（key:key）；
最后期限；
最终双重征税；
最后一个孩子；
最终曲线；
@凌驾
_ShakeWidgetState createState（）；
}
类_ShakeWidgetState扩展了状态
使用SingleTickerProviderStateMixin{
动画控制器；
@凌驾
void initState（）{
super.initState（）；
控制器=动画控制器(
持续时间：widget.duration，
vsync:这个,，
)
…向前（）
…addListener（）{
如果（控制器已完成）{
controller.repeat（）；
}
});
}
@凌驾
无效处置（）{
controller.dispose（）；
super.dispose（）；
}
///将0-1转换为0-1-0
双抖动（双值）=>
2*（0.5-（0.5-widget.curve.transform（value））.abs（））；
@凌驾
小部件构建（构建上下文）{
返回动画生成器(
动画：控制器，
生成器：（上下文，子项）=>Transform.translate(
偏移量：偏移量（widget.deltaX*shake（controller.value），0），
孩子：孩子，
),
child:widget.child，
);
}
}

使用AnimationController，如下所示：

AnimationController(
  duration: const Duration(milliseconds: 300),
  vsync: this,
)..repeat();

AnimationController(
  duration: const Duration(milliseconds: 300),
  vsync: this,
)..repeat();