Mit einem Laufband (Scrolltext) als Beispiel: Wie React Native einen nativen HarmonyOS-Komponent über Fabric aufruft und steuert

Fabric ist das neue Rendering-System von React Native, das für Leistung und Zuverlässigkeit konzipiert wurde und eine nahtlose Integration von nativen Komponenten in React-Native-Apps ermöglicht. Wenn eine benutzerdefinierte native Komponente integriert wird, ermöglicht Fabric es, dass React-Native-JS-Code die native Ansicht deklariert, konfiguriert und steuert, während auch native Ereignisse empfangen werden. Der Ablauf umfasst das Deklarieren der Komponenteneigenschaften und -ereignisse mit codegenNativeComponent, die Verwendung der Komponente in einem React-Native-Bildschirm und die Implementierung der nativen Komponente in HarmonyOS. Eigenschaften und Ereignisse werden automatisch über Fabrics codegen/Binder-Logik auf native Code abgebildet. Native Ereignisse können ausgelöst werden, die als Rückrufe in JS empfangen werden, und JS kann Befehle senden, um den Zustand der nativen Komponente zur Laufzeit zu steuern. Der Code-Walkthrough demonstriert, wie man eine Fabric-Komponente deklariert, sie in einem React-Native-Bildschirm verwendet, die native Komponente in HarmonyOS implementiert und Eigenschaften und Ereignisse bindet. Fabrics Architektur bietet eine synchrone und vorhersagbare Möglichkeit, die Benutzeroberfläche zu aktualisieren, indem sie eine Struktur verwendet, die den JS- und nativen Ansichtsbäumen entspricht. Fabric bietet mehrere Vorteile gegenüber der alten Brücke, einschließlich synchroner Aktualisierungen, direkter Strukturabbildung und typsicherem, immer synchronem Code. Um eine Fabric-Komponente zu schreiben, muss man sie mit codegenNativeComponent deklarieren, die native Komponente implementieren, den Binder/Kleber implementieren und sie in JS verwenden.