Flutter AnimatedList 源码分析

现在的UI页面已经离不开动画了，如果没有动画，页面看起来就会很突兀。

对于我们使用最多的Listview，Flutter 当然也给我们封装好了。

AnimatedListView

由于近期某些不可抗拒的原因，Flutter官网我们是打不开了。

所以我们直接点开源码看吧，在 AnimatedList 类中的第一句话是：

Creates a scrolling container that animates items when they are inserted or removed.

创建一个滚动容器，在插入或删除项目时为其设置动画。

再来看一下构造函数：

const AnimatedList({	
  Key key,	
  @required this.itemBuilder,	
  this.initialItemCount = 0,	
  this.scrollDirection = Axis.vertical,	
  this.reverse = false,	
  this.controller,	
  this.primary,	
  this.physics,	
  this.shrinkWrap = false,	
  this.padding,	
}) : assert(itemBuilder != null),	
assert(initialItemCount != null && initialItemCount >= 0),	
super(key: key);

可以看到和普通的没什么区别，那我们再来找一下怎么添加/删除item以及添加/删除时是如何设置动画的。

Insert/Remove 方法