ネイティブモジュールNPMパッケージのセットアップ

情報

ネイティブモジュールとネイティブコンポーネントは、レガシーアーキテクチャで使用されている安定した技術です。これらは、新しいアーキテクチャが安定した将来のバージョンで非推奨になる予定です。新しいアーキテクチャでは、同様の結果を達成するためにTurbo Native ModuleとFabric Native Componentsを使用します。

ネイティブモジュールは通常npmパッケージとして配布されますが、通常のJavaScriptに加えてプラットフォームごとにネイティブコードが含まれます。npmパッケージについてさらに理解を深めるには、このガイドが役立つでしょう。

ネイティブモジュールの基本的なプロジェクト構造を設定するには、create-react-native-libraryというコミュニティツールを使用します。このライブラリがどのように機能するかをさらに深く掘り下げることもできますが、ここでは基本的なスクリプトのみを実行します。

シェル

npx create-react-native-library@latest react-native-awesome-module

ここで`react-native-awesome-module`は、新しいモジュールに付けたい名前です。この後、`react-native-awesome-module`フォルダに移動し、以下を実行してサンプルプロジェクトをブートストラップします。

シェル

yarn

ブートストラップが完了したら、以下のコマンドのいずれかを実行してサンプルアプリを起動できます。

シェル

# Android app
yarn example android
# iOS app
yarn example ios

上記の手順がすべて完了したら、Android Native ModulesまたはiOS Native Modulesのガイドに進み、コードを追加できます。