Das Entwicklerstudio Software Mansion hat Version 4 für Reanimated veröffentlicht. Die quelloffene JavaScript-Bibliothek ermöglicht es, Animationen in React Native auf dem UI-Thread auszuführen, um eine flüssigere Darstellung zu erreichen. Das Update bringt eine neue, deklarative API auf Basis von CSS-Standards sowie interne Änderungen an der Architektur. Es ist laut eigenen Angaben das bislang umfangreichste Update seit der Einführung der sogenannten Worklets mit Reanimated 2.
Die CSS-basierte API richtet sich vor allem an Entwicklerinnen und Entwickler, die zustandsgesteuerte Animationen umsetzen. Dabei handelt es sich um Animationen, die durch Änderungen im Anwendungszustand ausgelöst werden – etwa wenn sich ein Wert wie "ist geöffnet" oder "ausgewählt" ändert. Laut Entwicklerteam hinter Reanimated soll die API den Code vereinfachen und die Optimierung erleichtern. Die Syntax lehnt sich an gängige Webstandards an und soll Entwicklern mit Web-Erfahrung den Einstieg erleichtern.
Empfohlener redaktioneller Inhalt
Mit Ihrer Zustimmung wird hier ein externes YouTube-Video (Google Ireland Limited) geladen.
YouTube-Video immer laden
Worklets in eigenem Paket ausgelagert
Entwicklerinnen und Entwickler sollen komplexe Animationen – etwa durch Gesten oder Scrollen gesteuerte – weiterhin über Worklets umsetzen. Diese hat der Hersteller bereits mit Version 3.17 in ein eigenes Paket ausgelagert (react-native-worklets), um die Entwicklung unabhängiger zu gestalten, sodass für bestehende Projekte mit der aktuellen Umstellung kaum Anpassungen verbunden sind.
Weitgehend kompatibel mit Reanimated 3
Reanimated 4 ist laut Blog-Beitrag weitgehend kompatibel mit der Vorgängerversion. Einige veraltete Funktionen entfallen, bleiben aber vorerst als inaktive Platzhalter erhalten. Auch das Verhalten von Federanimationen (Spring Animation) wurde angepasst: Neue Standardwerte sollen zu stabileren Abläufen führen, ohne dass sie bestehende, benutzerdefinierte Einstellungen beeinträchtigen.
Federanimation überarbeitet: Reanimated 4 führt neue Standardeinstellungen ein, die für vorhersehbareres und natürlicheres Bewegungsverhalten sorgen sollen.
(Bild: Software Mansion)
Voraussetzung für die Nutzung von Reanimated 4 ist die New Architecture für React Native, einem Framework zur Entwicklung mobiler Apps mit JavaScript. Anwendungen, die bereits darauf umgestellt wurden, können die neue Version gemäß Ankündigungsbeitrag ohne größere Änderungen einführen.
(mdo)
English (US) ·