Een Lottie-alternatief voor Flutter is meestal een verandering in wat het bestand kan doen, niet alleen een verandering in het bestandsformaat. Lottie-bestanden zijn vectoranimaties die worden geëxporteerd vanuit After Effects. Het Flutter Lottie-pakket speelt ze goed af, en je kunt de snelheid, voortgang en looping regelen vanuit Dart. Wat u niet kunt doen, is het bestand openen en het gedrag ervan wijzigen zonder terug te gaan naar de animatietool.
Rive is de meest gevestigde optie voor interactieve vectoranimatie. U bouwt het artwork en een statusmachine in de Rive-editor en stuurt deze vervolgens vanuit de Flutter-runtime met invoer. Teams die Rive al gebruiken voor web of mobiel, kunnen hetzelfde bestand opnieuw gebruiken. De afweging is kosten en lock-in: het gratis abonnement van Rive exporteert bestanden die een Rive-opstartscherm afspelen, en betaalde abonnementen verwijderen deze.
ExodeUI hanteert een vergelijkbare runtime-aanpak, maar richt zich op de product-UI. Je ontwerpt toestanden, overgangen, veren en gebeurtenissen in een visuele editor en speelt het resultaat vervolgens af via de Flutter-runtime. De bron is één open .exode JSON-bestand en hetzelfde bestand kan zich richten op React, Vue, Svelte, Angular, Solid, React Native, SwiftUI en Flutter. ExodeUI is nieuwer dan Rive, dus controleer of de Flutter-runtime de platforms dekt die u levert.
Als de beweging een laadspinner, een pictogramovergang of een eenvoudige paginawijziging is, zijn de ingebouwde AnimationController en impliciete animaties van Flutter vaak voldoende. Het toevoegen van een geschreven item heeft alleen zin als een ontwerper de timing moet controleren, of als dezelfde animatie op verschillende platforms moet verschijnen.
Test voordat u kiest een echt scherm. Controleer runtime-ondersteuning voor uw Flutter-doelen, hoe ingangen zijn aangesloten, wat er gebeurt als het item niet kan worden geladen en of de licentie van de tool geschikt is voor commercieel gebruik. Een kort prototype vertelt u meer dan een tabel met kenmerken.