Flutter: AnimationController vsync 这个问题

Question

我正在尝试实现来自 official docs example 的代码，但它失败了：

...

class _MyHomePageState extends State<MyHomePage> {

  late AnimationController controller;

  @override
  void initState() {
    super.initState();

    controller = AnimationController(duration: Duration(seconds: 3), vsync: this);
  }

...

上面写着：The argument type '_MyHomePageState' can't be assigned to the parameter type 'TickerProvider'.

因此，VSCode 突出显示 vsync: this 参数。

我有最新版本的 Flutter：

Flutter 2.5.3 • channel stable • https://github.com/flutter/flutter.git
Framework • revision 18116933e7 (6 weeks ago) • 2021-10-15 10:46:35 -0700
Engine • revision d3ea636dc5
Tools • Dart 2.14.4

为什么会出现这个错误，如何在不降级SDK版本的情况下解决这个问题？

Answer 1

在 Flutter 中，一个 AnimationController 需要一个 TickerProvider。

当从 State 创建 AnimationController 时，您应该使用 State 来扩展 TickerProviderStateMixin 或 SingleTickerProviderStateMixin。后者更适合您只需要使用单个自动收报机的情况，这应该是大多数情况。

所以在您发布的代码中，您应该更改：

class _MyHomePageState extends State<MyHomePage> 至 class _MyHomePageState extends State<MyHomePage> with SingleTickerProviderStateMixin

Flutter: AnimationController vsync 这个问题

Flutter: AnimationController vsync this issue

dart

flutter

flutter-animation