AnimatedGrid class

A scrolling container that animates items when they are inserted into or removed from a grid. in a grid.

This widget's AnimatedGridState can be used to dynamically insert or remove items. To refer to the AnimatedGridState either provide a GlobalKey or use the static of method from an item's input callback.

This widget is similar to one created by GridView.builder.

By default, AnimatedGrid will automatically pad the limits of the grid's scrollable to avoid partial obstructions indicated by MediaQuery's padding. To avoid this behavior, override with a zero padding property.

Widget myWidget(BuildContext context) {
  return MediaQuery.removePadding(
    context: context,
    removeTop: true,
    removeBottom: true,
    child: AnimatedGrid(
      gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
        crossAxisCount: 3,
      ),
      initialItemCount: 50,
      itemBuilder: (BuildContext context, int index, Animation<double> animation) {
        return Card(
          color: Colors.amber,
          child: Center(child: Text('$index')),
        );
      }
    ),
  );
}

See also:

• SliverAnimatedGrid, a sliver which animates items when they are inserted into or removed from a grid.
• SliverAnimatedList, a sliver which animates items added and removed from a list instead of a grid.
• AnimatedList, which animates items added and removed from a list instead of a grid.