Un'alternativa Lottie a Flutter è solitamente una modifica in ciò che il file può fare, non solo una modifica nel formato del file. I file Lottie sono animazioni vettoriali esportate da After Effects. Il pacchetto Flutter Lottie li riproduce bene e puoi controllare la velocità, l'avanzamento e il looping da Dart. Ciò che non puoi fare è aprire il file e modificarne il comportamento senza tornare allo strumento di animazione.
Rive è l'opzione consolidata più vicina per l'animazione vettoriale interattiva. Costruisci l'opera d'arte e una macchina a stati nell'editor Rive, quindi guidala dal runtime Flutter con input. I team che già utilizzano Rive per il Web o i dispositivi mobili possono riutilizzare lo stesso file. Il compromesso è il costo e il vincolo: il piano gratuito di Rive esporta file che riproducono una schermata iniziale Rive e i piani a pagamento la rimuovono.
ExodeUI adotta un approccio runtime simile ma si concentra sull'interfaccia utente del prodotto. Progetti stati, transizioni, molle ed eventi in un editor visivo, quindi riproduci il risultato tramite il runtime Flutter. L'origine è un file .exode JSON aperto e lo stesso file può avere come destinazione React, Vue, Svelte, Angular, Solid, React Native, SwiftUI e Flutter. ExodeUI è più recente di Rive, quindi controlla che il runtime Flutter copra le piattaforme spedite.
Se il movimento è uno spinner di caricamento, una transizione di icone o un semplice cambio di pagina, l'AnimationController integrato di Flutter e le animazioni implicite sono spesso sufficienti. Aggiungere una risorsa creata ha senso solo quando un designer ha bisogno di controllare i tempi o quando la stessa animazione deve apparire su più piattaforme.
Prima di scegliere, prova uno schermo reale. Controlla il supporto runtime per i tuoi target Flutter, come sono cablati gli input, cosa succede quando la risorsa non viene caricata e se la licenza dello strumento è adatta all'uso commerciale. Un breve prototipo ti dirà più di una tabella delle funzionalità.