跳到主要内容

链接库

不是每个应用都使用所有的原生功能,而且包含支持所有这些功能的代码会影响二进制文件大小……但我们仍然希望在你需要时能够添加这些功能。

考虑到这一点,我们将许多这些功能公开为独立的静态库。

对于大多数库,只需拖动两个文件即可快速完成,有时需要第三步,但仅此而已。

注意

我们随 React Native 提供的所有库都位于仓库根目录的 Libraries 文件夹中。其中一些是纯 JavaScript,你只需 require 它即可。其他库还依赖于一些原生代码,在这种情况下,你必须将这些文件添加到你的应用中,否则一旦你尝试使用该库,应用就会抛出错误。

自动链接

安装带有原生依赖的库

shell
npm install <library-with-native-dependencies> --save
信息

--save--save-dev 标志对于此步骤非常重要。React Native 将根据你 package.json 文件中的 dependenciesdevDependencies 链接你的库。

就是这样!下次构建应用时,由于自动链接机制,原生代码将被链接。

手动链接

步骤 1

如果库包含原生代码,其文件夹中必须有一个 .xcodeproj 文件。将此文件拖到 Xcode 中的项目(通常在 Xcode 的 Libraries 组下);

步骤 2

点击你的主项目文件(代表 .xcodeproj 的那个),选择 Build Phases 并将你导入的库内部 Products 文件夹中的静态库拖到 Link Binary With Libraries

步骤 3

不是每个库都需要此步骤,你需要考虑的是:

我需要在编译时知道库的内容吗?

这意味着,你是在原生侧使用此库还是仅在 JavaScript 中使用?如果你仅在 JavaScript 中使用它,那么就没问题了!

如果你确实需要从原生调用它,那么我们需要知道库的头文件。为此,你需要转到项目文件,选择 Build Settings 并搜索 Header Search Paths。在那里你应该包含你的库的路径。(本文档过去推荐使用 recursive,但现在不再推荐,因为它可能导致微妙的构建失败,特别是与 CocoaPods 配合使用时。)