Esistono due modi per inserire il movimento progettato in un'app React Native. Uno è ricostruirlo manualmente con una libreria come Reanimated. L'altro è riprodurre un file creato in uno strumento di progettazione attraverso un runtime. ExodeUI adotta il secondo approccio.
Progetti il componente in ExodeUI con i suoi stati, transizioni, fisica della molla e logica. Il risultato è un file .exode JSON. Nella tua app, il runtime ExodeUI React Native riproduce quel file e il tuo codice lo controlla: imposta un input booleano quando una richiesta viene caricata, attiva un trigger quando ha esito positivo o imposta un numero da un dispositivo di scorrimento o da una posizione di scorrimento. L'animazione può anche rinviare eventi al tuo codice.
Ciò significa che un designer può modificare tempi, colori o uno stato senza che uno sviluppatore riscriva il codice di animazione, purché gli input e gli eventi rimangano gli stessi. Poiché il file è condiviso, lo stesso componente può essere utilizzato in un'app Web React, un'app SwiftUI o un'app Flutter.
Se invece desideri un codice scritto a mano, ad esempio perché hai bisogno del pieno controllo o hai limiti di bundle rigidi, Reanimated rimane la scelta standard in React Native. Alcuni team utilizzano entrambi: movimenti scritti a mano per la navigazione principale e file di runtime per componenti più ricchi.
Come con qualsiasi runtime, prova sui dispositivi che supporti, in particolare sui telefoni Android più vecchi, prima di fare affidamento su di esso per schermi critici.