Et Lottie-alternativ for Flutter er vanligvis en endring i hva filen kan gjøre, ikke bare en endring i filformat. Lottie-filer er vektoranimasjoner eksportert fra After Effects. Flutter Lottie-pakken spiller dem godt, og du kan kontrollere hastighet, fremgang og looping fra Dart. Det du ikke kan gjøre er å åpne filen og endre oppførselen uten å gå tilbake til animasjonsverktøyet.
Rive er det nærmeste etablerte alternativet for interaktiv vektoranimasjon. Du bygger kunstverket og en tilstandsmaskin i Rive-editoren, og deretter kjører du den fra Flutter-kjøringen med innganger. Lag som allerede bruker Rive for nett eller mobil kan gjenbruke den samme filen. Avveiningen er kostnad og innlåsing: Rives gratis plan eksporterer filer som spiller av en Rive splash-skjerm, og betalte planer fjerner den.
ExodeUI bruker en lignende kjøretidstilnærming, men fokuserer på produktets brukergrensesnitt. Du designer tilstander, overganger, fjærer og hendelser i en visuell editor, og spiller deretter av resultatet gjennom Flutter runtime. Kilden er én åpen .exode JSON-fil, og den samme filen kan målrettes mot React, Vue, Svelte, Angular, Solid, React Native, SwiftUI og Flutter. ExodeUI er nyere enn Rive, så sjekk at Flutter kjøretid dekker plattformene du sender.
Hvis bevegelsen er en lastespinn, en ikonovergang eller en enkel sideendring, er Flutters innebygde AnimationController og implisitte animasjoner ofte nok. Å legge til et forfattet aktivum gir bare mening når en designer trenger å kontrollere timingen, eller når den samme animasjonen må vises på flere plattformer.
Før du velger, test en ekte skjerm. Sjekk kjøretidsstøtte for Flutter-målene dine, hvordan innganger er kablet, hva som skjer når eiendelen ikke lar seg laste, og om verktøyets lisens passer til kommersiell bruk. En kort prototype vil fortelle deg mer enn en funksjonstabell.