原生模块 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 Native Modules 或 iOS Native Modules 指南添加一些代码。
对于不太固定的设置,请查看第三方工具 create-react-native-module。