使用第三方库
React Native 提供了一系列内置的核心组件和 API,但并不局限于此。React Native 有一个庞大的社区,如果核心组件和 API 不能满足你的需求,你完全可以去社区的广阔天地中寻求合适的第三方库。
选择一个包管理器
React Native libraries are typically installed from the npm registry using a Node.js package manager such as npm CLI or Yarn 经典版(v1).
通常,React Native 库是从 npm 源 安装的,使用诸如 npm CLI 或 Yarn 经典版(v1) 的 Node.js 包管理器。
如果你的电脑上安装了 Node.js,那么你已经有了 npm CLI。一些开发者更喜欢使用 Yarn v1,因为它具有略快的安装时间和额外的高级功能,如 workspace。这两种工具都可以很好地支持 React Native。为了简化解释,在本指南的其余部分我们将假设使用 npm。
💡 在 JavaScript 社区,“库(library)”和“包(package)”这两个术语一直是混用的,可视为等同。
安装第三方库
要在你的项目中安装一个库,你需要在终端里进入你的项目目录然后运行 npm install <库的名字>
。我们来用 react-native-webview
试试:
npm install react-native-webview
我们刚刚安装的这个库包含了原生代码,我们需要在应用中链接它才能使用。
链接 iOS 原生代码
React Native 使用 CocoaPods 来管理 iOS 项目的依赖项,大多数 React Native 库都遵循这个约定。如果您使用的库不是这样的,请参考它们的 README 获取额外的指导。在大多数情况下以下说明都适用。
在 ios
目录下运行 pod install
将其链接到我们的原生 iOS 项目。一个不需要切换到 ios
目录就可以做到这一点的快捷方式是运行 npx pod-install
。
npx pod-install
完成后,重新构建应用程序二进制文件以开始使用您的新库:
npx react-native run-ios
链接 Android 原生代码
React Native 使用 Gradle 来管理 Android 项目的依赖关系。在安装了带有原生依赖项的库之后,您需要重新构建应用程序二进制文件以使用您的新库:
npx react-native run-android