插件卸载
  • 打开CMD终端,执行如下指令(pubspec.yaml依赖被删除)

flutter pub remove flare_flutter

三 Flare素材


3.1 素材资源

https://flare.rive.app/

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

从右上角处,下拉列表选择Flare文件

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

3.2 素材下载

  • Flare动画详情页,点击OPEN IN RIVE1

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • RIVE 1打开后,切换到ANIMATE(animate)选项卡,下面有相应的动画表情,点击可执行并查看(fail,test,success,idle)

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

  • 点击右上角导出按钮将文件导出

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

四 示例


4.1 添加Flare依赖(assets下所有文件)

assets:

  • images/

  • assets/

4.2 代码(通过设置不同名称,显示动画效果)

最后

如果你看到了这里,觉得文章写得不错就给个赞呗?如果你觉得那里值得改进的,请给我留言。一定会认真查询,修正不足。谢谢。

最后文末放上一个福利:GitHub地址

PS:我GitHub中有大量高阶Android学习视频资料和面试资料包~

欢迎大家一起交流讨论啊~

自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。

深知大多数初中级安卓工程师,想要提升技能,往往是自己摸索成长,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!

因此收集整理了一份《2024年最新Android移动开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。
img
img
img
img

由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
img

包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频**
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注Android)
[外链图片转存中…(img-pkhvVOvi-1710967535204)]

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐