跳至主要内容

原生模块 NPM 包设置

信息

原生模块和原生组件是我们传统架构中使用的稳定技术。当新架构稳定后,它们将在未来被弃用。新架构使用 Turbo Native ModuleFabric 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 原生模块iOS 原生模块 指南添加一些代码。