The layout for this recipe was very simple, only containing the list view, and a FloatingActionButton to add new items in the AnimatedList.
An AnimatedList is a ListView that shows an animation when an item is inserted or removed.
The first step you used in this recipe was setting a GlobalKey<AnimatedListState>. This allowed you to store the state of the AnimatedList widget:
final GlobalKey<AnimatedListState> listKey = GlobalKey<AnimatedListState>();
In the example in this recipe, we used an AnimatedList, setting three properties:
- key: You need a key whenever you need to access the AnimatedList from outside the item itself.
- initialItemCount: You use the initialItemCount to load the initial items of the list. These won’t be animated. The default value is 0.
- itemBuilder: This is a required parameter, necessary to build items in an AnimatedList.
The method inside the itembuilder can return any animation widget. In the example in this recipe, we used...