跳到主内容

本地库设置

本地库是包含视图或模块的库,这些视图或模块是应用本地的,并且未发布到注册中心。这与传统的视图和模块设置不同,因为本地库与应用的原生代码是解耦的。

本地库是在 android/ios/ 文件夹之外创建的,并利用自动链接与应用集成。包含本地库的结构可能如下所示

纯文本
MyApp
├── node_modules
├── modules <-- folder for your local libraries
│ └── awesome-module <-- your local library
├── android
├── ios
├── src
├── index.js
└── package.json

由于本地库的代码位于 android/ios/ 文件夹之外,因此将来升级 React Native 版本、复制到其他项目等会更容易。

要创建本地库,我们将使用 create-react-native-library。此工具包含所有必需的模板。

入门

在 React Native 应用的根文件夹中,运行以下命令

Shell
npx create-react-native-library@latest awesome-module

其中 awesome-module 是你希望为新模块起的名称。完成提示后,项目的根目录中将有一个名为 modules 的新文件夹,其中包含新模块。

链接

默认情况下,生成的库在使用 Yarn 时通过 link: 协议自动链接到项目,使用 npm 时通过 file: 协议链接。

JSON
"dependencies": {
"awesome-module": "file:./modules/awesome-module"
}

这会在 node_modules 下创建指向该库的软链接,从而使自动链接生效。

安装依赖项

要链接模块,你需要安装依赖项

Shell
npm install

在应用中使用模块

要在应用中使用该模块,可以通过其名称导入

JS
import {multiply} from 'awesome-module';