跳至主内容

原生模块 NPM 包设置

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

信息

原生模块(Native Module)和原生组件(Native Components)是旧架构中使用的稳定技术。它们将在新架构稳定后被弃用。新架构采用 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 原生模块 指南来添加具体代码。