原生模块 NPM 包设置
信息
原生模块和原生组件是我们通过旧版架构使用的稳定技术。当新版架构稳定后,它们将被弃用。新版架构使用 Turbo Native Module 和 Fabric Native Components 来实现类似的功能。
原生模块通常以 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 原生模块 指南,以添加一些代码。