颤振动画列表视图元素不起作用

Question

我正在尝试对容器进行发光效果。我正在使用 streambuilder 来构建列表项目，当项目价格发生变化时，我想显示容器发光效果。到目前为止，我已经这样做了，但小部件根本没有显示效果。 didUpdateWidget 不显示任何更新，并且当它显示时，所有列表视图项都会以无限时间为自己设置动画。有什么我遗漏的吗？

 AnimationController _animationController;
  @override
  void initState() {
    super.initState();
    _animationController = new AnimationController(
        vsync: this, duration: new Duration(milliseconds: 500));
  }

  @override
  void didUpdateWidget(CustomContainer oldWidget) {
    super.didUpdateWidget(oldWidget);
    if (oldWidget.price != widget.price) {
      print("changed");
      _animationController.repeat(
          reverse: true, period: Duration(milliseconds: 1000));
    }
  }

  @override
  void dispose() {
    _animationController.dispose();
    super.dispose();
  }
@override
  Widget build(BuildContext context) {
    return AnimatedBuilder(
        animation: _animationController,
        builder: (context, _) {
          return Container(
            height:100,
            width:double.infinity,
            decoration: BoxDecoration(
              color: Theme.of(context).canvasColor,
              borderRadius: BorderRadius.circular(10),
              boxShadow: [
                BoxShadow(
                  blurRadius: 4 * _animationController.value,
                  color: primaryColor.withOpacity(0.7),
                ),
              ],
            ),
          );
        });

Answer 1

AnimationController.repeat() 将开始运行动画并无限次重复。这就是为什么这些项目会无限地为自己设置动画。您必须改用.forward 方法：

_animationController = AnimationController(
  duration: Duration(milliseconds: 500),
  vsync: this);

_animationController.forward(); //tell the animation to start without repeating

来自Flutter Docs：

AnimationController 是一个特殊的 Animation 对象，它生成一个新的 每当硬件准备好接收新帧时的值。默认情况下，一个 AnimationController 线性生成从 0.0 到 1.0 的数字 在给定的持续时间内。

AnimationController 派生自 Animation，所以可以使用 任何需要动画对象的地方。然而 AnimationController 有额外的方法来控制动画。 例如，您使用 .forward() 方法启动动画。这 数字的生成与屏幕刷新有关，因此通常为 60 每秒生成数字。每个数字生成后，每个 动画对象调用附加的侦听器对象。创建一个 每个孩子的自定义显示列表，请参阅RepaintBoundary。

这是AnimationController.forward() 的文档：https://api.flutter.dev/flutter/animation/AnimationController/forward.html