原生模块 NPM 包设置
信息
原生模块和原生组件是我们旧架构中使用的稳定技术。 当新架构稳定后,它们将在未来被弃用。新架构使用 Turbo Native Module 和 Fabric 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 应用
yarn example android
# iOS 应用
yarn example ios
完成上述所有步骤后,你将能够继续参考 Android 原生模块 或 iOS 原生模块 指南来添加一些代码。