react native 引入第三方组件常见问题分析

前言

react native 是 Facebook 开源的一款用于开发跨平台 APP 的框架。由于，官方给到的组件有限。在开发过程中我们会使用到一些第三方开源的组件。这个时候会遇到一个特别恶心的问题，就是第三方组件和 reac native 框架版本不匹配的问题。下面以我在 Android 开发下引入组件做为例子，阐述说明其中会遇到的问题。

引入组件

在引入一个第三方组件时。一般来说是有 3 个步骤的：第一步安装，第二步链接组件，第三步在AndroidManifest.xml里配置相应的权限。

安装

npm install 组件名称

复制代码

将组件链接至 react native(注册组件)

首先我们需要使用这个命令npm install -g react-native-cli安装 react-native 脚手架

react-native link 组件名称

复制代码

开发时的问题

出现这个错误，就说明你引入的第三方组件和你当前所使用的 react-native 框架版本不兼容。
这个时候我们不要慌。
第一步：详细的浏览这个组件的官方文档，一般在文档中都会给到提示说明组件所支持的 react-native 版本。
第二步：在不修改 react-native 版本的情况下。直接在package.json里找到这个组件，修改他的版本。初始化项目。再次尝试。
这里吐槽一下，连官方文档都是这样说的。有图有真相，你拿它有什么办法。

打包成 APK 时的问题

在打包项目的时候，比较常见的问题。就是组件所使用的 android sdk 版本和 react-native 版本不兼容多导致的一些问题。这个时候，我需要在 node-model 中找到这个冲突的组件，直接修改其build.gradle引用的 sdk 版本为框架嗦支持的版本。一般来说就能够解决问题了。

参考

blog.csdn.net/weixin_3975…
blog.csdn.net/rongyuliu95…
blog.csdn.net/hxl51711627…