原生模組 NPM 套件設定

資訊

原生模組和原生元件是我們在舊有架構中使用的穩定技術。在新的架構穩定後，它們將會在未來被棄用。新的架構使用 Turbo 原生模組 和 Fabric 原生元件 來達成類似的結果。

原生模組通常會以 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 原生模組 或 iOS 原生模組 指南來新增一些程式碼。

對於較不固執己見的設定，請參閱第三方工具 create-react-native-module。