Ett Lottie-alternativ för Flutter är vanligtvis en förändring av vad filen kan göra, inte bara en förändring av filformat. Lottie-filer är vektoranimationer som exporteras från After Effects. Flutter Lottie-paketet spelar dem bra, och du kan styra hastighet, framsteg och looping från Dart. Vad du inte kan göra är att öppna filen och ändra dess beteende utan att gå tillbaka till animeringsverktyget.
Rive är det närmast etablerade alternativet för interaktiv vektoranimering. Du bygger konstverket och en tillståndsmaskin i Rive-redigeraren och kör den sedan från Flutter-körtiden med ingångar. Lag som redan använder Rive för webb eller mobil kan återanvända samma fil. Avvägningen är kostnad och låsning: Rive:s gratisplan exporterar filer som spelar upp en Rive-startskärm, och betalda planer tar bort den.
ExodeUI har en liknande runtime-strategi men fokuserar på produktens användargränssnitt. Du designar tillstånd, övergångar, fjädrar och händelser i en visuell redigerare och spelar sedan upp resultatet genom Flutter runtime. Källan är en öppen .exode JSON-fil, och samma fil kan rikta in sig på React, Vue, Svelte, Angular, Solid, React Native, SwiftUI och Flutter. ExodeUI är nyare än Rive, så kontrollera att Flutter körtid täcker plattformarna du skickar.
Om rörelsen är en laddningssnurra, en ikonövergång eller ett enkelt sidbyte räcker det ofta med Flutter:s inbyggda AnimationController och implicita animationer. Att lägga till en författad tillgång är bara vettigt när en designer behöver kontrollera timingen, eller när samma animering måste visas på flera plattformar.
Innan du väljer, testa en riktig skärm. Kontrollera runtime-stöd för dina Flutter-mål, hur ingångar kopplas, vad som händer när tillgången inte kan laddas och om verktygets licens passar kommersiellt bruk. En kort prototyp kommer att berätta mer än en funktionstabell.