Flutter 的 Lottie 替代方案通常是文件功能的更改,而不仅仅是文件格式的更改。 Lottie 文件是从 After Effects 导出的矢量动画。 Flutter Lottie 包可以很好地发挥它们,并且您可以从 Dart 控制速度、进度和循环。您不能做的是打开文件并更改其行为而不返回动画工具。
Rive 是交互式矢量动画最接近的既定选项。您可以在 Rive 编辑器中构建图稿和状态机,然后通过输入从 Flutter 运行时驱动它。已经在网络或移动设备上使用 Rive 的团队可以重复使用同一文件。权衡是成本和锁定:Rive 的免费计划导出播放 Rive 启动画面的文件,而付费计划则将其删除。
ExodeUI 采用类似的运行时方法,但重点关注产品 UI。您可以在可视化编辑器中设计状态、转换、弹簧和事件,然后通过 Flutter 运行时播放结果。源是一个打开的 .exode JSON 文件,同一文件可以定位 React、Vue、Svelte、Angular、Solid、React Native、SwiftUI 和 Flutter。 ExodeUI 比 Rive 新,因此请检查 Flutter 运行时是否涵盖您发布的平台。
如果动作是加载旋转器、图标转换或简单的页面更改,Flutter 的内置动画控制器和隐式动画通常就足够了。仅当设计人员需要控制时间,或者相同的动画必须出现在多个平台上时,添加创作的资源才有意义。
选择之前,先测试一下真屏。检查 Flutter 目标的运行时支持、输入的连接方式、资产加载失败时会发生什么以及该工具的许可证是否适合商业用途。简短的原型比功能表能告诉您更多信息。