En utilisant un marqueur (texte défilant) comme exemple : Comment React Native appelle et contrôle un composant HarmonyOS natif via Fabric

Fabric est le nouveau système de rendu de React Native, conçu pour la performance et la fiabilité, permettant une intégration transparente des composants natifs dans les applications React Native. Lors de l'intégration d'un composant natif personnalisé, Fabric permet au code JS de React Native de déclarer, de configurer et de contrôler la vue native, tout en recevant des événements natifs. Le flux implique de déclarer les propriétés et les événements du composant à l'aide de codegenNativeComponent, d'utiliser le composant dans un écran React Native, et de mettre en œuvre le composant natif dans HarmonyOS. Les propriétés et les événements sont mappés automatiquement au code natif via la logique de codegen/binder de Fabric. Les événements natifs peuvent être déclenchés, qui sont reçus en JS sous forme de rappels, et le JS peut envoyer des commandes pour contrôler l'état du composant natif à l'exécution. La démonstration de code montre comment déclarer un composant Fabric, l'utiliser dans un écran React Native, mettre en œuvre le composant natif dans HarmonyOS et lier les propriétés et les événements. L'architecture de Fabric fournit une manière synchrone et prévisible de mettre à jour l'interface utilisateur, en utilisant une structure qui reflète les arbres de vues JS et natifs. Fabric offre plusieurs avantages par rapport à l'ancien pont, notamment des mises à jour synchrones, une mise en correspondance directe de structures et du code toujours en phase et sécurisé par type. Pour écrire un composant Fabric, il est nécessaire de le déclarer avec codegenNativeComponent, de mettre en œuvre le composant natif, de mettre en œuvre le binder/glue et de l'utiliser en JS.