title: Flutter implementing repeat Elastic animation
body: <p>for implementing this animation</p>
  
  <p><a href="https://i.stack.imgur.com/mvPfa.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/mvPfa.gif" alt="enter image description here"></a></p>
  
  <p>i wrote this below code but, Elastic animation doesn't work on project and i'm not sure whats problem,</p>
  
  <p>i want to have repeat of this animation</p>
  
  <pre><code>import 'package:flutter/material.dart';
  
  void main()=&gt;runApp(MaterialApp(home: Avatar(),));
  
  class Avatar extends StatefulWidget {
    @override
    State&lt;StatefulWidget&gt; createState()=&gt;_Avatar();
  }
  
  class _Avatar extends State&lt;Avatar&gt; with TickerProviderStateMixin{
    AnimationController avatarController;
    Animation&lt;double&gt; avatarSize;
  
    @override
    void initState() {
      super.initState();
  
      avatarController= AnimationController(
        duration: const Duration(seconds: 1),
        vsync: this,
      );
  
      avatarSize = new Tween(begin: 0.0, end: 1.0).animate(
        new CurvedAnimation(
          parent: avatarController,
          curve: new Interval(
            0.100,
            0.400,
            curve: Curves.elasticOut,
          ),
        ),
      );
  
      avatarController.repeate();
    }
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        body: Stack(
          fit:StackFit.expand,
          children: &lt;Widget&gt;[
            AnimatedBuilder(
              animation: avatarController,
              builder: (context, widget) =&gt; Align(
                child: Container(
                  width: 50.0,
                  height: 50.0,
                  color:Colors.green
                ),
              ),
            )
          ],
        ),
      );
    }
  }
  </code></pre>