Es gibt zwei Möglichkeiten, entworfene Bewegung in eine React Native-App zu integrieren. Eine besteht darin, es manuell mit einer Bibliothek wie Reanimated neu zu erstellen. Die andere besteht darin, eine in einem Design-Tool erstellte Datei über eine Laufzeit abzuspielen. ExodeUI verfolgt den zweiten Ansatz.
Sie entwerfen die Komponente in ExodeUI mit ihren Zuständen, Übergängen, Federphysik und Logik. Das Ergebnis ist eine .exode JSON-Datei. In Ihrer App spielt die ExodeUI React Native-Laufzeit diese Datei ab und Ihr Code steuert sie: Legen Sie eine boolesche Eingabe fest, wenn eine Anforderung geladen wird, lösen Sie einen Trigger aus, wenn sie erfolgreich ist, oder legen Sie eine Zahl über einen Schieberegler oder eine Bildlaufposition fest. Die Animation kann auch Ereignisse an Ihren Code zurücksenden.
Dies bedeutet, dass ein Designer das Timing, die Farben oder einen Status ändern kann, ohne dass ein Entwickler den Animationscode neu schreiben muss, solange die Eingaben und Ereignisse gleich bleiben. Da die Datei gemeinsam genutzt wird, kann dieselbe Komponente in einer React-Web-App, einer SwiftUI-App oder einer Flutter-App verwendet werden.
Wenn Sie stattdessen handgeschriebenen Code wünschen, weil Sie beispielsweise volle Kontrolle benötigen oder strenge Bundle-Limits haben, bleibt Reanimated die Standardauswahl in React Native. Einige Teams verwenden beides: handgeschriebene Bewegungen für die Kernnavigation und Laufzeitdateien für umfangreichere Komponenten.
Testen Sie wie bei jeder Laufzeitumgebung die von Ihnen unterstützten Geräte, insbesondere ältere Android-Telefone, bevor Sie sich bei kritischen Bildschirmen darauf verlassen.