title: How to animate the items rendered initially using Animated List in flutter
body: <p>I am using Animated List in flutter to load a list class, while adding or removing the items, the animation works but when the list is initially loaded, the animation does not work. Is there a way to animate items when initially loading the list.</p>
  
  <pre><code>class AnimationTest extends StatefulWidget {
    @override
    _AnimationTestState createState() =&gt; _AnimationTestState();
  }
  
  class _AnimationTestState extends State&lt;AnimationTest&gt; with SingleTickerProviderStateMixin {
    AnimationController _controller;
  
    @override
    void initState() {
      _controller = AnimationController(
        vsync: this,
        duration: const Duration(seconds: 1),
      );
      super.initState();
    }
  
    @override
    void dispose() {
      _controller.dispose();
      super.dispose();
    }
  
    @override
    Widget build(BuildContext context) {
      return AnimatedList(
        key: _listKey,
        initialItemCount: 3,
        itemBuilder: (BuildContext context, int index, Animation animation) {
          return SlideTransition(
            position: animation.drive(Tween&lt;Offset&gt;(begin: Offset(1.0, 0.0), end: Offset.zero)
                .chain(CurveTween(curve: Curves.decelerate))),
            child: Row(
              children: &lt;Widget&gt;[
                Expanded(
                  child: InkWell(
                    onTap: () =&gt; _listKey.currentState.insertItem(0,duration: Duration(milliseconds: 600)),
                    child: Container(
                        padding: EdgeInsets.only(left: 10, right: 10),
                        height: 100,
                        child: Card(
                          margin: EdgeInsets.symmetric(vertical: 4.0),
                          color: Theme.of(context).backgroundColor,
                        )),
                  ),
                ),
              ],
            ),
          );
        },
      );
    }
  }
  </code></pre>