跳至主要内容

本地库设置

本地库是一个包含视图或模块的库，它属于您的应用，并且不会发布到注册表。这与视图和模块的传统设置不同，因为本地库与您的应用的原生代码分离。

本地库是在 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 应用程序的根文件夹中，运行以下命令

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

其中 awesome-module 是您想要为新模块指定的名称。完成提示后，您将在项目的根目录中获得一个名为 modules 的新文件夹，其中包含新的模块。

链接​

默认情况下，生成的库使用 link: 协议（使用 Yarn 时）和 file: 协议（使用 npm 时）自动链接到项目。

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

这会在 node_modules 下创建指向库的符号链接，从而使自动链接生效。

安装依赖项​

要链接模块，您需要安装依赖项。

npm install

在您的应用中使用模块​

要在您的应用中使用模块，您可以按其名称导入它。

import {multiply} from 'awesome-module';