将 FadeTransition animation 转换为 flutter_hooks，这个实现是否正确？

Question

尝试将有状态小部件 animation 转换为 flutter 挂钩实现，我想知道我是否做得很好。

这是我的 SatatefullWidget：

class FadeTransitionGlow extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => _Fade();
}

class _Fade extends State<FadeTransitionGlow> with TickerProviderStateMixin {
  AnimationController animation;
  Animation<double> _fadeInFadeOut;

  @override
  void initState() {
    super.initState();
    animation = AnimationController(
      vsync: this,
      duration: Duration(seconds: 1),
    );
    _fadeInFadeOut = Tween<double>(begin: 0.0, end: 1.0).animate(animation);

    animation.addStatusListener((status) {
      if (status == AnimationStatus.completed) {
        animation.reverse();
      } else if (status == AnimationStatus.dismissed) {
        animation.forward();
      }
    });
    animation.forward();
  }

  @override
  Widget build(BuildContext context) {
    return FadeTransition(
        opacity: _fadeInFadeOut,
        child: Container(
          color: Colors.red,
          width: 200.0,
          height: 200.0,
        ));
  }
}

这是我的flutter_hook实现：

class _HookFade extends HookWidget {
  @override
  Widget build(BuildContext context) {
    var controller =
        useAnimationController(duration: Duration(milliseconds: 500));

    Animation<double> _fadeInFadeOut =
        Tween<double>(begin: 0.0, end: 1.0).animate(controller);

    controller.addStatusListener((status) {
      if (status == AnimationStatus.completed) {
        controller.reverse();
      } else if (status == AnimationStatus.dismissed) {
        controller.forward();
      }
    });
    controller.forward();

    return FadeTransition(
        opacity: _fadeInFadeOut,
        child: Container(
          color: Colors.red,
          width: 200.0,
          height: 200.0,
        ));
  }
}

如果不是正确的实施，任何改进的技巧都非常欢迎。 非常感谢。