原生模組 NPM 套件設定

資訊

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

原生模組通常以 npm 套件的形式發布，除了常見的 JavaScript 之外，它們還將包含每個平台的原生程式碼。要了解更多關於 npm 套件的資訊，您可能會覺得 本指南 很有用。

為了設定原生模組的基本專案結構，我們將使用名為 create-react-native-library 的社群工具。您可以繼續深入研究該函式庫的工作原理，但就我們的需求而言，我們僅會執行基本腳本

shell

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

其中 react-native-awesome-module 是您希望新模組使用的名稱。完成此操作後，您將導航到 react-native-awesome-module 資料夾，並透過執行以下命令來引導範例專案

shell

yarn

完成引導後，您將能夠透過執行以下其中一個命令來啟動範例應用程式

shell

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

完成以上所有步驟後，您將能夠繼續閱讀 Android 原生模組 或 iOS 原生模組 指南以新增一些程式碼。