- 设置 FluttieAnimationController 控制器,绑定动画资源,并设置动画的基本属性;
a. prepareAnimation 的固定参数是动画资源,不可缺少;
b. repeatCount 可设置动画重复的频率;RepeatCount.nTimes(n) 重复 n+1 次;RepeatCount.infinite() 无限循环播放;RepeatCount.dontRepeat() 仅一次,播放完停止;
c. repeatMode 可设置动画播放模式,START_OVER 播放完从头再次播放,REVERSE 从无到有从有到无;
d. duration 可设置动画播放时长;当设置无限重复时不生效;其余根据重复频率使单次动画时长均分;
e. preferredSize 可设置动画预加载大小,并不直接控制 Widget 大小;
whaleController = await instance.prepareAnimation(
whaleLottie,
repeatCount: const RepeatCount.infinite()
);
- 开启动画即可准备好动画的基本要素;
setState(() { whaleController.start(); });
- 将动画绘制在 Widget 即可初步成功;
@override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(mainAxisSize: MainAxisSize.min, children: [
Container( width: 280.0, height: 200.0,
child: FluttieAn