Flutter报错：参数类型‘_LoginScreenState’无法分配给‘TickerProvider’

问题原因 #

AnimationController的vsync参数要求接收一个TickerProvider类型的实例，你的_LoginScreenState仅继承了State类，未实现该接口，导致类型不匹配报错。

解决方案 #

方案1：混入SingleTickerProviderStateMixin（单动画控制器场景） #

如果页面只需要一个AnimationController，使用这个mixin更高效：

class _LoginScreenState extends State<LoginScreen> with SingleTickerProviderStateMixin {
  late AnimationController _animationController;

  @override
  void initState() {
    super.initState();
    // 此时this可作为TickerProvider传入vsync
    _animationController = AnimationController(
      duration: const Duration(seconds: 14),
      vsync: this,
    );
  }

  @override
  void dispose() {
    // 务必释放控制器，避免内存泄漏
    _animationController.dispose();
    super.dispose();
  }
}

方案2：混入TickerProviderStateMixin（多动画控制器场景） #

如果页面需要多个AnimationController，使用这个mixin：

class _LoginScreenState extends State<LoginScreen> with TickerProviderStateMixin {
  late AnimationController _controller1;
  late AnimationController _controller2;

  @override
  void initState() {
    super.initState();
    _controller1 = AnimationController(
      duration: const Duration(seconds: 14),
      vsync: this,
    );
    _controller2 = AnimationController(
      duration: const Duration(seconds: 5),
      vsync: this,
    );
  }

  @override
  void dispose() {
    _controller1.dispose();
    _controller2.dispose();
    super.dispose();
  }
}

内容的提问来源于stack exchange，提问作者er.arunkushwaha