The argument type '_ProfileImageState' can't be assigned to the parameter type 'TickerProvider'

Question

The main objective is to allow the user to choose an image from the gallery/camera but in order to make things look good some animation has been used and entire image picking dialogue box has been designed

class _ProfileImageState extends State<ProfileImage>{

      @override

      File _image;

      //ImagePickerHandler imagePicker;

      @override
      void initState() {

        super.initState();
//initiating to start so that transition from one state to another is smooth
 
        var _controller = new AnimationController(
          vsync: this,
          duration: const Duration(milliseconds: 500),
        );


        imagePicker=new ImagePickerHandler(this.userImage(_image));


      }

sid · Answer 1 · 2021-11-12T12:30:11.467

You need to use the SingleTickerProviderStateMixin mixin to use this as vsync param. You can achieve this by using with keyword here is how:

class _ProfileImageState extends State<ProfileImage> with SingleTickerProviderStateMixin {

      @override

      File _image;

      //ImagePickerHandler imagePicker;

      @override
      void initState() {

        super.initState();
 
        var _controller = new AnimationController(
          vsync: this,
          duration: const Duration(milliseconds: 500),
        );


        imagePicker=new ImagePickerHandler(this.userImage(_image));


      }```

accept it as an answer if it is solved, so that other can get helped too — sid, Jul 13 '21 at 18:57

score 2 · Accepted Answer · answered Oct 06 '22 at 11:33

2

Extending SingleTickerProviderStateMixin fixed the issue:

class _ProfileImageState extends State with SingleTickerProviderStateMixin{

answered Oct 06 '22 at 11:33

er.arunkushwaha

138
1
5

The argument type '_ProfileImageState' can't be assigned to the parameter type 'TickerProvider'

2 Answers2