CPSC270A
Software Eng & Project Design

Activity 11

Compound Animation

Create an animation of an image that changes both opacity and size.

Details

The app should animate an image such that:

  1. the image starts large and becomes small

  2. the image starts completely transparent and becomes completely opaque

  3. the image is always centerd

  4. the animation uses a non-linear curve

  5. the animation starts automatically when the app loads.

Use a post frame callback to begin the animation when the widget is done loading:

@override
void initState() {
  super.initState();
  WidgetsBinding.instance.addPostFrameCallback((_) => yourStartAnimationFunction());
}

Example