错误：类“SingleTickerProviderStateMixin”不能用作混合，因为它扩展了 Object 以外的类

Posted 2023-03-07

【中文标题】错误：类“SingleTickerProviderStateMixin”不能用作混合，因为它扩展了 Object 以外的类

【英文标题】：Error: The class 'SingleTickerProviderStateMixin' can't be used as a mixin because it extends a class other than Object

【发布时间】：2018-07-15 09:06:52

【问题描述】：

刚学flutter动画。使用 SingleTickerProviderStateMixin IDE 给我这个错误：

类 'SingleTickerProviderStateMixin' 不能用作 mixin，因为 它扩展了 Object 以外的类

我的代码：

  import 'package:flutter/material.dart';

  class AnimationControllerOutputBody extends StatefulWidget with  
    @override
    _AnimationControllerOutputBodyState createState() =>
        new _AnimationControllerOutputBodyState();
  

  class _AnimationControllerOutputBodyState extends State<AnimationControllerOutputBody> with SingleTickerProviderStateMixin 

    AnimationController animation;

    @override
    void initState() 
      super.initState();
      animation = new AnimationController(
        vsync: this,
        duration: new Duration(seconds: 3),
      );
      animation.addListener(() 
        this.setState(() );
      );
    

    @override
    Widget build(BuildContext context) 
      return new GestureDetector(
        child: new Center(
          child: new Text(
            animation.isAnimating
                ? animation.value.toStringAsFixed(3)
                : "Tap me!",
            style: new TextStyle(
              fontSize: 50.0,
            ),
          ),
        ),
        onTap: () 
          animation.forward(from: 0.0);
        ,
      );
    

    @override
    void dispose() 
      animation.dispose();
      super.dispose();
    
  

我的代码有什么问题？

【问题讨论】：

为什么AnimationControllerOutputBody 上有一个with？

我在这里找到了这个：sergiandreplace.com/flutter-animations-the-basics。只是运行他们的代码。但收到此错误。

你的链接没有这样的with

检查帖子中间。或使用此类搜索。 “基本示例”标题

我说的是AnimationControllerOutputBody而不是_AnimationControllerOutputBodyState

【参考方案1】：

添加到analysis_options.yaml

analyzer:
  language:
    enableSuperMixins: true

另见https://github.com/flutter/flutter/blob/master/analysis_options.yaml#L24

【讨论】：

有趣。为什么需要这个？

工作！再次感谢^_^

这是 Dart 团队希望在 Dart 2.0 之后删除和重新设计 mixin 的实验性功能，但他们暂时将其保留为实验性形式，因为 Flutter 依赖于它。

@GünterZöchbauer 这里谈到的“超级混合的新 mixin 语法”是什么：github.com/flutter/flutter/pull/22870/files

这取代了我的答案所指的旧的实验性 superMixin 实现。

【参考方案2】：

我使用SingleTickerProviderStateMixin，请使用TickerProviderStateMixin而不是SingleTickerProviderStateMixin