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 目標的運行時支援、輸入的連接方式、資產加載失敗時會發生什麼以及該工具的許可證是否適合商業用途。簡短的原型比功能表能告訴您更多。