Flutter 实现爱心三连动画

前言

我们开始 Flutter 动画相关篇章之旅，在应用中通过动效能够给用户带来更愉悦的体验，比较典型的例子就是一些直播平台的动效了，比如送火箭能做出来那种火箭发射的动效——感觉倍有面子，当然这是土豪的享受，我等码农只在视频里看过😂😂😂。本篇我们来介绍基于 Animation 类实现的基本动画构建。

Animation 简介

Animation 是一个抽象类，它并不参与屏幕的绘制，而是在设定的事件范围内对一段区间值进行插值。插值的方式可以是线性、曲线、一个阶跃函数或其他能够想到的方式。这个类的对象能够知道当前的值和状态（完成或消失）。Animation 类提供了一个监听回调方法，当它的值改变的时候，就会调用该方法：

@override
void addListener(VoidCallback listener);

因此，在监听回调里，我们可以来刷新界面，通过Animation 对象最新的值控制 UI 组件的位置、尺寸、角度，从而实现动画的效果。Animation 类通常会和 AnimationController 一起使用。

AnimationController 简介

AnimationController 是一个特殊的 Animation 类，它继承自 Animation<double>。每当硬件准备好绘制下一帧时&