React Native でネイティブモジュール NPM パッケージを設定する

info

ネイティブモジュールとネイティブコンポーネントは、レガシーアーキテクチャで使用される安定したテクノロジーです。将来、New Architecture が安定したら非推奨になります。New Architecture では、Turbo Native Module と Fabric Native Components を使用して同様の結果が得られます。

ネイティブモジュールは通常 npm パッケージとして配布されますが、通常の JavaScript の上にプラットフォームごとのネイティブコードが追加されます。npm パッケージの詳細については、こちらのガイド で説明されています。

ネイティブモジュールの基本的なプロジェクト構造を設定するには、create-react-native-library と呼ばれるコミュニティツールを使用します。このライブラリの仕組みの詳細を詳しく調べることもできますが、ここでは基本的なスクリプトのみを実行します。

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

yarn

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