add the AnimationList;

Author: nb312

lib/const/page_item_const.dart

@@ -222,4 +222,9 @@ const PAGE_ITEMS = [
     "img": PageImage.FLUTTER_OPEN,
     "click": PageName.ANIM_DEFAULT_TEXT,
   },
+  {
+    "title": PageName.ANIM_LIST,
+    "img": PageImage.FLUTTER_OPEN,
+    "click": PageName.ANIM_LIST,
+  },
 ];

lib/const/page_name_const.dart

@@ -49,4 +49,5 @@ class PageName {
   static const ANIM_POSITION_TRANS = "PositionTransition";
   static const ANIM_ROTATION = "RotationTransition";
   static const ANIM_DEFAULT_TEXT = "DefaultText";
+  static const ANIM_LIST = "AnimationList";
 }

lib/main.dart

@@ -63,6 +63,7 @@ class FlutterOpenApp extends StatelessWidget {
         PageName.ANIM_POSITION_TRANS: (context) => PositionTransitionPage(),
         PageName.ANIM_ROTATION: (context) => RotationPage(),
         PageName.ANIM_DEFAULT_TEXT: (context) => DefaultTextPage(),
+        PageName.ANIM_LIST: (context) => AnimListPage(),
       },
     );
   }

lib/page/anim/AnimListPage.dart

@@ -0,0 +1,72 @@
+///
+/// Created by NieBin on 2019/6/9
+/// Github: https://github.com/nb312
+/// Email: [email protected]
+///
+import "package:flutter/material.dart";
+import 'package:flutter_widgets/const/_const.dart';
+
+class AnimListPage extends StatefulWidget {
+  @override
+  AnimListState createState() => AnimListState();
+}
+
+List<String> list = [
+  "Hello",
+  "World",
+  "AAAA",
+  "BBBB",
+  "CCCC",
+  "DDDDD",
+  "EEEE",
+  "FFFF"
+];
+
+class AnimListState extends State<AnimListPage>
+    with SingleTickerProviderStateMixin {
+  final _key = GlobalKey<AnimatedListState>();
+
+  Widget _itemBuilder(context, index, anim) => index == 0
+      ? FloatingActionButton(
+          child: Text("Click"),
+          onPressed: () {
+            if (list.length > 20) {
+              var s = list.removeAt(1);
+              _key.currentState.removeItem(
+                1,
+                (context, anim) => ScaleTransition(
+                      scale: anim,
+                      child: Text(list[index]),
+                    ),
+              );
+            } else {
+              list.insert(1, "Hello");
+              _key.currentState.insertItem(1);
+            }
+          },
+        )
+      : Container(
+          constraints: BoxConstraints.expand(height: 40),
+          child: ScaleTransition(
+            scale: anim,
+            child: Text(list[index]),
+          ));
+
+  @override
+  void initState() {
+    super.initState();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Scaffold(
+        appBar: AppBar(
+          title: Text("Hello World"),
+        ),
+        body: AnimatedList(
+          key: _key,
+          initialItemCount: list.length,
+          itemBuilder: _itemBuilder,
+        ));
+  }
+}

lib/page/anim/_anim.dart

@@ -10,3 +10,4 @@ export 'FadeTransitionPage.dart';
 export 'PositionTransitionPage.dart';
 export 'RotationPage.dart';
 export 'DefaultTextPage.dart';
+export 'AnimListPage.dart';