RSS DEV コミュニティ

マーキー(スクロールテキスト)を例に:React NativeがFabricを介してネイティブHarmonyOSコンポーネントを呼び出し制御する方法

Fabricは、パフォーマンスと信頼性を目的として設計されたReact Nativeの新しいレンダリングシステムです。 Fabricを使用すると、ネイティブコンポーネントをReact Nativeアプリケーションにシームレスに統合することができます。カスタムネイティブコンポーネントを統合する際、Fabricにより、React NativeのJSコードがネイティブビューを宣言、構成、および制御することができ、ネイティブイベントも受信することができます。プロセスは、codegenNativeComponentを使用してコンポーネントのプロパティとイベントを宣言し、React Nativeスクリーンでコンポーネントを使用し、HarmonyOSでネイティブコンポーネントを実装することです。プロパティとイベントは、Fabricのcodegen/binderロジックを介してネイティブコードに自動的にマップされます。ネイティブイベントを発火し、JSのコールバックとして受信することができ、JSはランタイム時にネイティブコンポーネントの状態を制御するコマンドを送信することができます。コードウォークスルーでは、Fabricコンポーネントの宣言、React Nativeスクリーンでの使用、HarmonyOSでのネイティブコンポーネントの実装、およびプロパティとイベントのバインドの方法を示しています。Fabricのアーキテクチャーは、JSとネイティブビューツリーの構造を鏡写した同期的かつ予測可能なUI更新方法を提供します。Fabricは、古いブリッジよりも同期更新、直接構造マッピング、および常に同期のある型安全なコードなどの利点を提供します。Fabricコンポーネントを書くには、codegenNativeComponentを使用して宣言し、ネイティブコンポーネントを実装し、バインダー/グルの実装、およびJSでの使用が必要です。
dev.to
Using a Marquee (Scrolling Text) as an Example: How React Native Calls and Controls a Native HarmonyOS Component via Fabric
Create attached notes ...