デザインしたモーションを React Native アプリに取り込む方法は 2 つあります。 1 つは、Reanimated などのライブラリを使用して手動で再構築することです。もう 1 つは、デザイン ツールで作成されたファイルをランタイムを通じて再生することです。 ExodeUI は 2 番目のアプローチを採用します。
ExodeUI で、その状態、遷移、スプリングの物理現象、およびロジックを使用してコンポーネントを設計します。結果は 1 つの .exode JSON ファイルになります。アプリでは、ExodeUI React Native ランタイムがそのファイルを再生し、コードでそれを制御します。つまり、リクエストの読み込み時にブール入力を設定し、成功時にトリガーを起動するか、スライダーまたはスクロール位置から数値を設定します。アニメーションはイベントをコードに送り返すこともできます。
これは、入力とイベントが同じである限り、開発者がアニメーション コードを書き換えることなく、デザイナーがタイミング、色、状態を変更できることを意味します。ファイルが共有されるため、同じコンポーネントを React Web アプリ、SwiftUI アプリ、または Flutter アプリで使用できます。
フル コントロールが必要な場合や厳しいバンドル制限がある場合など、代わりに手書きのコードが必要な場合は、React Native の標準選択肢として Reanimated が引き続き使用されます。一部のチームは、コア ナビゲーション用の手書きモーションと、より豊富なコンポーネント用のランタイム ファイルの両方を使用します。
他のランタイムと同様に、重要な画面に依存する前に、サポートするデバイス、特に古い Android スマートフォンでテストしてください。