flutter 动画json_Flutter 50: 图解动画小插曲之 Lottie 动画

和尚在一年前整理过一点 Lottie 在 Android 中的应用，现在 Flutter 也有相关的插件帮助我们快速简单的应用场景复杂的 Lottie 动画；

和尚在官网查询之后发现官网推荐了两个开源的 Lottie 插件，和尚对其中的

和尚首先在 lottiefiles 中下载了两个酷炫的动画 json，我们也可以选择合适的动画进行编辑调整；跟原生一样，可以随心设计，当然这项重任还是要交给视觉设计的小姐姐比较好；

集成方式

集成方式都是统一的三大步骤；再此之前可以将下载的 json 文件添加到本地 images 资源文件夹中；

1. 在 pubspec.yaml 中添加依赖库

dependencies:

fluttie: ^0.3.2

2. 在文件中添加引用库

import 'package:fluttie/fluttie.dart';

3. 根据 API 调用

通过 loadAnimationFromAsset 异步加载本地 json 资源，或通过 loadAnimationFromJson 直接加载 json 内容；

void prepareLottie() async {

var instance = Fluttie();

var whaleLottie = await instance.loadAnimationFromAsset('images/animation_demo01.json');

}

<