Lottie-vaihtoehto Flutter:lle on yleensä muutos siinä, mitä tiedosto voi tehdä, ei vain tiedostomuodon muutos. Lottie-tiedostot ovat vektorianimaatioita, jotka on viety After Effects:stä. Flutter Lottie -paketti toistaa ne hyvin, ja voit hallita nopeutta, edistymistä ja silmukkaa Dartista. Mitä et voi tehdä, on avata tiedosto ja muuttaa sen toimintaa palaamatta takaisin animaatiotyökaluun.
Rive on lähin vakiintunut vaihtoehto interaktiiviselle vektorianimaatiolle. Rakennat kuvituksen ja tilakoneen Rive-editorissa ja ohjaat sen sitten Flutter-ajoajasta tulojen avulla. Tiimit, jotka käyttävät jo Rive:ää verkkoon tai mobiililaitteille, voivat käyttää samaa tiedostoa uudelleen. Kompromissi on kustannus ja lukitus: Rive:n ilmainen suunnitelma vie tiedostoja, jotka toistavat Rive-aloitusnäytön, ja maksetut suunnitelmat poistavat ne.
ExodeUI käyttää samanlaista ajonaikaista lähestymistapaa, mutta keskittyy tuotteen käyttöliittymään. Suunnittelet tilat, siirtymät, jouset ja tapahtumat visuaalisessa editorissa ja toistat sitten tuloksen Flutter-ajon aikana. Lähde on yksi avoin .exode JSON-tiedosto, ja sama tiedosto voi kohdistaa React, Vue, Svelte, Angular, Solid, React Native, SwiftUI ja Flutter. ExodeUI on uudempi kuin Rive, joten tarkista, että Flutter-ajoaika kattaa toimittamasi alustat.
Jos liike on latauspyörä, kuvakesiirtymä tai yksinkertainen sivunvaihto, Flutter:n sisäänrakennettu AnimationController ja implisiittiset animaatiot riittävät usein. Tekijän lisääminen on järkevää vain silloin, kun suunnittelijan on ohjattava ajoitusta tai kun saman animaation on näytettävä useilla alustoilla.
Ennen kuin valitset, testaa yhtä oikeaa näyttöä. Tarkista Flutter-kohteiden ajonaikainen tuki, tulojen johdotus, mitä tapahtuu, kun resurssi ei lataudu, ja sopiiko työkalun lisenssi kaupalliseen käyttöön. Lyhyt prototyyppi kertoo enemmän kuin ominaisuustaulukko.