title: How to add some delay between AnimationController.repeat() in Flutter
body: <p>I need to add some delay between each iteration of animation gets call to repeat. Something like the following image.
  <a href="https://i.stack.imgur.com/9r9it.png" rel="noreferrer"><img src="https://i.stack.imgur.com/9r9it.png" alt="enter image description here" /></a></p>
  <p>I tried to do it by passing value to the period parameter of the repeat method but it was not what I expected.</p>
  <pre><code>_controller = AnimationController(vsync: this, duration: widget.period)
        ..addStatusListener((AnimationStatus status) {
          if (status != AnimationStatus.completed) {
            return;
          }
          _count++;
          if (widget.loop &lt;= 0) {
            //_controller.repeat(period: Duration(microseconds: 5000));
            _controller.repeat();
          } else if (_count &lt; widget.loop) {
            _controller.forward(from: 0.0);
          }
        });
  </code></pre>
  <p>I've also tried to add Tween with the animation. That didn't help either. Can you help me clarify where I went wrong?</p>
  <pre><code>AnimatedBuilder(
        animation: Tween&lt;double&gt;(begin: 0.0, end: 1.0).animate(
          CurvedAnimation(
            parent: _controller,
            curve: Interval(0.5, 1.0)
          ),
        ),
        child: widget.child,
        builder: (BuildContext context, Widget child) =&gt; _Shiner(
          child: child,
          direction: widget.direction,
          gradient: widget.gradient,
          percent: _controller.value,
          enabled: widget.enabled,
        ),
      );
  </code></pre>