Et Lottie-alternativ til Flutter er normalt en ændring i, hvad filen kan, ikke kun en ændring i filformat. Lottie-filer er vektoranimationer, der eksporteres fra After Effects. Flutter Lottie-pakken spiller dem godt, og du kan styre hastighed, fremskridt og looping fra Dart. Hvad du ikke kan gøre, er at åbne filen og ændre dens adfærd uden at gå tilbage til animationsværktøjet.
Rive er den nærmeste etablerede mulighed for interaktiv vektoranimation. Du bygger kunstværket og en tilstandsmaskine i Rive-editoren og kører det derefter fra Flutter-runtimen med input. Hold, der allerede bruger Rive til web eller mobil, kan genbruge den samme fil. Afvejningen er omkostninger og låsning: Rive's gratis plan eksporterer filer, der afspiller en Rive splash-skærm, og betalte planer fjerner det.
ExodeUI har en lignende runtime-tilgang, men fokuserer på produktets brugergrænseflade. Du designer tilstande, overgange, fjedre og begivenheder i en visuel editor og afspiller derefter resultatet gennem Flutter runtime. Kilden er én åben .exode JSON-fil, og den samme fil kan målrettes mod React, Vue, Svelte, Angular, Solid, React Native, SwiftUI og Flutter. ExodeUI er nyere end Rive, så tjek, at Flutter runtime dækker de platforme, du sender.
Hvis bevægelsen er en loading spinner, en ikonovergang eller et simpelt sideskift, er Flutter's indbyggede AnimationController og implicitte animationer ofte nok. Tilføjelse af et oprettet aktiv giver kun mening, når en designer skal kontrollere timingen, eller når den samme animation skal vises på flere platforme.
Før du vælger, test en rigtig skærm. Tjek runtime-understøttelse for dine Flutter-mål, hvordan input er forbundet, hvad der sker, når aktivet ikke indlæses, og om værktøjets licens passer til kommerciel brug. En kort prototype vil fortælle dig mere end en funktionstabel.