Flutter使用AnimationController时vsync传this报错如何解决？

AnimationController的vsync参数要求传入实现了TickerProvider接口的实例，默认的State基类没有实现该接口，因此直接将当前State实例this作为参数传入时会触发类型不匹配的错误。官方示例代码默认隐含了混入TickerProvider相关Mixin的前提，你缺少了这一步配置。

根据你页面中动画控制器的数量选择对应Mixin混入你的State类即可：

• 若当前页面只使用一个AnimationController，混入SingleTickerProviderStateMixin，完整示例代码如下：

class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin {
  late AnimationController controller;
  @override
  void initState() {
    super.initState();
    controller = AnimationController(duration: Duration(seconds: 3), vsync: this);
  }

  // 务必在页面销毁时释放动画控制器，避免内存泄漏
  @override
  void dispose() {
    controller.dispose();
    super.dispose();
  }

  // 其余原有业务代码保持不变
}

• 若当前页面使用多个AnimationController，将混入的类替换为TickerProviderStateMixin即可，其余逻辑无需改动。

内容的提问来源于stack exchange，提问作者mr.incredible