Error: The class 'SingleTickerProviderStateMixin' can't be used as a mixin because it extends a class other than Object

Question

Just learning flutter Animation. using with SingleTickerProviderStateMixin IDE giving me this error :

The class 'SingleTickerProviderStateMixin' can't be used as a mixin because it extends a class other than Object

My code:

  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();
    }
  }

What's my problem in code?

Answer 1

Add to analysis_options.yaml

analyzer:
  language:
    enableSuperMixins: true

See also https://github.com/flutter/flutter/blob/master/analysis_options.yaml#L24

Answer 2

I my case I used SingleTickerProviderStateMixin, Please just use TickerProviderStateMixin instead of SingleTickerProviderStateMixin