Flutter: Flare x Flutter 2D矢量动画

官方网站：https://www.2dimensions.com/

包括Nima和Flare。本文主要介绍Flare的简单使用.

先创建一个账户：

 

点击进去，进入画板页面。

先调整一下画板的大小：

---

创建一个简单的Logo动画：

1.先添加一个圆：

2.配置表盘：

然后设置一个圆条矩形，制作一个简单的动画。

 

然后我们就可以开始制作动画了：

导出我们制作的动画：

导出这样一个文件后，让我们来运行它。

---

使用导出的文件到App中：

首先，使用Android Studio创建一个Flutter项目.然后看看Flare的git 仓库：

https://github.com/2d-inc/Flare-Flutter

README.md仔细的说明了安装和配置方法。

1.安装依赖：

flare_flutter: ^1.5.4

2.创建资源文件夹引入刚刚导出的文件：

3.声明这些资源：

4.展示动画效果：

---

引入优秀的Flare:

现成的Flare总是优秀的。【选择现有的自己喜欢的】

一样导出未.flr文件。然后使用即可。

更多Demo和说明，请访问Flare-Flutter的Github.