Animation tutorial: create full example apps and use code excerpter

examples/animation/.gitignore

@@ -0,0 +1,7 @@
+.DS_Store
+pubspec.lock
+
+*/**/android
+*/**/ios
+*/**/.gitignore
+*/**/.metadata

examples/animation/animate0/README.md

@@ -0,0 +1 @@
+../../README.md

examples/animation/animate0/lib/main.dart

@@ -0,0 +1,21 @@
+import 'package:flutter/material.dart';
+
+void main() => runApp(LogoApp());
+
+class LogoApp extends StatefulWidget {
+  _LogoAppState createState() => _LogoAppState();
+}
+
+class _LogoAppState extends State<LogoApp> {
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: Container(
+        margin: EdgeInsets.symmetric(vertical: 10),
+        height: 300,
+        width: 300,
+        child: FlutterLogo(),
+      ),
+    );
+  }
+}

examples/animation/animate0/pubspec.yaml

@@ -0,0 +1,19 @@
+name: animation
+description: >
+  Sample app from "Building Layouts", https://flutter.io/docs/development/ui/layout.
+version: 1.0.0
+
+environment:
+  sdk: '>=2.0.0-dev.68.0 <3.0.0'
+
+dependencies:
+  flutter:
+    sdk: flutter
+  cupertino_icons: ^0.1.2
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+
+flutter:
+  uses-material-design: true

examples/animation/animate0/test/widget_test.dart

@@ -0,0 +1,12 @@
+// Basic Flutter widget test. Learn more at https://flutter.io/docs/testing.
+
+import 'package:animation/main.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:flutter/material.dart';
+
+void main() {
+  testWidgets('Codelab smoke test', (WidgetTester tester) async {
+    await tester.pumpWidget(new LogoApp());
+    expect(find.byType(FlutterLogo), findsOneWidget);
+  });
+}

examples/animation/animate1/README.md

@@ -0,0 +1 @@
+../../README.md

src/_includes/code/animation/animate1/main.dart → examples/animation/animate1/lib/main.dart

@@ -1,10 +1,8 @@
-// Copyright 2017 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
 import 'package:flutter/animation.dart';
 import 'package:flutter/material.dart';
 
+void main() => runApp(LogoApp());
+
 class LogoApp extends StatefulWidget {
   _LogoAppState createState() => _LogoAppState();
 }
@@ -13,36 +11,39 @@ class _LogoAppState extends State<LogoApp> with SingleTickerProviderStateMixin {
   Animation<double> animation;
   AnimationController controller;
 
-  initState() {
+  @override
+  void initState() {
     super.initState();
-    controller = AnimationController(
-        duration: const Duration(milliseconds: 2000), vsync: this);
-    animation = Tween(begin: 0.0, end: 300.0).animate(controller)
+    controller =
+        AnimationController(duration: const Duration(seconds: 2), vsync: this);
+    // #docregion addListener
+    animation = Tween<double>(begin: 0, end: 300).animate(controller)
       ..addListener(() {
+        // #enddocregion addListener
         setState(() {
-          // the state that has changed here is the animation object’s value
+          // The state that has changed here is the animation object’s value.
         });
+        // #docregion addListener
       });
+    // #enddocregion addListener
     controller.forward();
   }
 
+  @override
   Widget build(BuildContext context) {
     return Center(
       child: Container(
-        margin: EdgeInsets.symmetric(vertical: 10.0),
+        margin: EdgeInsets.symmetric(vertical: 10),
         height: animation.value,
         width: animation.value,
         child: FlutterLogo(),
       ),
     );
   }
 
-  dispose() {
+  @override
+  void dispose() {
     controller.dispose();
     super.dispose();
   }
 }
-
-void main() {
-  runApp(LogoApp());
-}

examples/animation/animate1/pubspec.yaml

@@ -0,0 +1,19 @@
+name: animation
+description: >
+  Sample app from "Building Layouts", https://flutter.io/docs/development/ui/layout.
+version: 1.0.0
+
+environment:
+  sdk: '>=2.0.0-dev.68.0 <3.0.0'
+
+dependencies:
+  flutter:
+    sdk: flutter
+  cupertino_icons: ^0.1.2
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+
+flutter:
+  uses-material-design: true

examples/animation/animate1/test/widget_test.dart

@@ -0,0 +1,12 @@
+// Basic Flutter widget test. Learn more at https://flutter.io/docs/testing.
+
+import 'package:animation/main.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:flutter/material.dart';
+
+void main() {
+  testWidgets('Codelab smoke test', (WidgetTester tester) async {
+    await tester.pumpWidget(new LogoApp());
+    expect(find.byType(FlutterLogo), findsOneWidget);
+  });
+}

examples/animation/animate2/README.md

@@ -0,0 +1 @@
+../../README.md

src/_includes/code/animation/animate2/main.dart → examples/animation/animate2/lib/main.dart

@@ -1,12 +1,9 @@
-// Copyright 2017 The Chromium Authors. All rights reserved.
-// Use of this source code is governed by a BSD-style license that can be
-// found in the LICENSE file.
-
-// Demonstrates a simple animation with AnimatedWidget.
-
 import 'package:flutter/animation.dart';
 import 'package:flutter/material.dart';
 
+void main() => runApp(LogoApp());
+
+// #docregion AnimatedLogo
 class AnimatedLogo extends AnimatedWidget {
   AnimatedLogo({Key key, Animation<double> animation})
       : super(key: key, listenable: animation);
@@ -15,41 +12,39 @@ class AnimatedLogo extends AnimatedWidget {
     final Animation<double> animation = listenable;
     return Center(
       child: Container(
-        margin: EdgeInsets.symmetric(vertical: 10.0),
+        margin: EdgeInsets.symmetric(vertical: 10),
         height: animation.value,
         width: animation.value,
         child: FlutterLogo(),
       ),
     );
   }
 }
+// #enddocregion AnimatedLogo
 
 class LogoApp extends StatefulWidget {
   _LogoAppState createState() => _LogoAppState();
 }
 
 class _LogoAppState extends State<LogoApp> with SingleTickerProviderStateMixin {
-  AnimationController controller;
   Animation<double> animation;
+  AnimationController controller;
 
-  initState() {
+  @override
+  void initState() {
     super.initState();
-    controller = AnimationController(
-        duration: const Duration(milliseconds: 2000), vsync: this);
-    animation = Tween(begin: 0.0, end: 300.0).animate(controller);
+    controller =
+        AnimationController(duration: const Duration(seconds: 2), vsync: this);
+    animation = Tween<double>(begin: 0, end: 300).animate(controller);
     controller.forward();
   }
 
-  Widget build(BuildContext context) {
-    return AnimatedLogo(animation: animation);
-  }
+  @override
+  Widget build(BuildContext context) => AnimatedLogo(animation: animation);
 
-  dispose() {
+  @override
+  void dispose() {
     controller.dispose();
     super.dispose();
   }
 }
-
-void main() {
-  runApp(LogoApp());
-}

examples/animation/animate2/pubspec.yaml

@@ -0,0 +1,19 @@
+name: animation
+description: >
+  Sample app from "Building Layouts", https://flutter.io/docs/development/ui/layout.
+version: 1.0.0
+
+environment:
+  sdk: '>=2.0.0-dev.68.0 <3.0.0'
+
+dependencies:
+  flutter:
+    sdk: flutter
+  cupertino_icons: ^0.1.2
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+
+flutter:
+  uses-material-design: true

examples/animation/animate2/test/widget_test.dart

@@ -0,0 +1,12 @@
+// Basic Flutter widget test. Learn more at https://flutter.io/docs/testing.
+
+import 'package:animation/main.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:flutter/material.dart';
+
+void main() {
+  testWidgets('Codelab smoke test', (WidgetTester tester) async {
+    await tester.pumpWidget(new LogoApp());
+    expect(find.byType(FlutterLogo), findsOneWidget);
+  });
+}

examples/animation/animate3/README.md

@@ -0,0 +1 @@
+../../README.md

examples/animation/animate3/lib/main.dart

@@ -0,0 +1,61 @@
+import 'package:flutter/animation.dart';
+import 'package:flutter/material.dart';
+
+void main() => runApp(LogoApp());
+
+class AnimatedLogo extends AnimatedWidget {
+  AnimatedLogo({Key key, Animation<double> animation})
+      : super(key: key, listenable: animation);
+
+  Widget build(BuildContext context) {
+    final Animation<double> animation = listenable;
+    return Center(
+      child: Container(
+        margin: EdgeInsets.symmetric(vertical: 10),
+        height: animation.value,
+        width: animation.value,
+        child: FlutterLogo(),
+      ),
+    );
+  }
+}
+
+class LogoApp extends StatefulWidget {
+  _LogoAppState createState() => _LogoAppState();
+}
+
+// #docregion print-state
+class _LogoAppState extends State<LogoApp> with SingleTickerProviderStateMixin {
+  Animation<double> animation;
+  AnimationController controller;
+
+  @override
+  void initState() {
+    super.initState();
+    controller =
+        AnimationController(duration: const Duration(seconds: 2), vsync: this);
+    animation = Tween<double>(begin: 0, end: 300).animate(controller)
+      // #enddocregion print-state
+      ..addStatusListener((status) {
+        if (status == AnimationStatus.completed) {
+          controller.reverse();
+        } else if (status == AnimationStatus.dismissed) {
+          controller.forward();
+        }
+      })
+      // #docregion print-state
+      ..addStatusListener((state) => print('$state'));
+    controller.forward();
+  }
+  // #enddocregion print-state
+
+  @override
+  Widget build(BuildContext context) => AnimatedLogo(animation: animation);
+
+  @override
+  void dispose() {
+    controller.dispose();
+    super.dispose();
+  }
+  // #docregion print-state
+}

examples/animation/animate3/pubspec.yaml

@@ -0,0 +1,19 @@
+name: animation
+description: >
+  Sample app from "Building Layouts", https://flutter.io/docs/development/ui/layout.
+version: 1.0.0
+
+environment:
+  sdk: '>=2.0.0-dev.68.0 <3.0.0'
+
+dependencies:
+  flutter:
+    sdk: flutter
+  cupertino_icons: ^0.1.2
+
+dev_dependencies:
+  flutter_test:
+    sdk: flutter
+
+flutter:
+  uses-material-design: true

examples/animation/animate3/test/widget_test.dart

@@ -0,0 +1,12 @@
+// Basic Flutter widget test. Learn more at https://flutter.io/docs/testing.
+
+import 'package:animation/main.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:flutter/material.dart';
+
+void main() {
+  testWidgets('Codelab smoke test', (WidgetTester tester) async {
+    await tester.pumpWidget(new LogoApp());
+    expect(find.byType(FlutterLogo), findsOneWidget);
+  });
+}

examples/animation/animate4/README.md

@@ -0,0 +1 @@
+../../README.md