Flutter için bir Lottie alternatifi, yalnızca dosya biçimindeki bir değişiklik değil, genellikle dosyanın yapabileceklerinde bir değişikliktir. Lottie dosyaları, After Effects'ten dışa aktarılan vektör animasyonlarıdır. Flutter Lottie paketi bunları iyi oynatır ve Dart'tan hızı, ilerlemeyi ve döngüyü kontrol edebilirsiniz. Yapamayacağınız şey, animasyon aracına geri dönmeden dosyayı açmak ve davranışını değiştirmektir.
Rive, etkileşimli vektör animasyonu için en yakın yerleşik seçenektir. Rive düzenleyicisinde çizimi ve bir durum makinesini oluşturursunuz, ardından onu girdilerle Flutter çalışma zamanından çalıştırırsınız. Web veya mobil için zaten Rive kullanan ekipler aynı dosyayı yeniden kullanabilir. Takas, maliyet ve bağımlılıktır: Rive'in ücretsiz planı, Rive açılış ekranını oynatan dosyaları dışa aktarır ve ücretli planlar onu kaldırır.
ExodeUI benzer bir çalışma zamanı yaklaşımını benimser ancak ürün kullanıcı arayüzüne odaklanır. Durumları, geçişleri, yayları ve olayları görsel bir düzenleyicide tasarlarsınız ve ardından sonucu Flutter çalışma zamanı aracılığıyla oynatırsınız. Kaynak bir açık .exode JSON dosyasıdır ve aynı dosya React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ve Flutter'i hedefleyebilir. ExodeUI, Rive'ten daha yeni olduğundan Flutter çalışma zamanının gönderdiğiniz platformları kapsadığını kontrol edin.
Hareket bir yükleme döndürücü, bir simge geçişi veya basit bir sayfa değişikliği ise, Flutter'in yerleşik AnimationController'ı ve örtülü animasyonlar genellikle yeterlidir. Yazılmış bir varlığın eklenmesi yalnızca tasarımcının zamanlamayı kontrol etmesi gerektiğinde veya aynı animasyonun birden fazla platformda görünmesi gerektiğinde anlamlıdır.
Seçim yapmadan önce gerçek bir ekranı test edin. Flutter hedefleriniz için çalışma zamanı desteğini, girişlerin nasıl kablolandığını, varlık yüklenemediğinde ne olacağını ve araç lisansının ticari kullanıma uygun olup olmadığını kontrol edin. Kısa bir prototip size bir özellik tablosundan daha fazlasını anlatacaktır.