RN使用第三方组件库

转自：http://www.jianshu.com/p/0c91a9e810b4

RN 第三方库快速查找网址：https://js.coach/

（下面的文章以https://github.com/rebeccahughes/react-native-device-info为例）

1、安装rnpm，输入命令：npm install rnpm -g  （注意:rnpm需要node4.1或更高版本。）

命令行执行效果

2、引入第三方库，进入项目的根目录（即package.json所在目录），输入命令：npm install [第三方库] --save ，如npm install react-native-device-info --save

命令行执行效果

命令执行完成之后，在文件package.json中会有引入的项目。在node_modules文件夹中会有引用的组件的文件夹，如例子中的 react-native-device-info文件夹

package.json截图

node_modules文件夹截图

3、将第三方库链接到项目，在项目的根目录中输入命令：rnpm link

命令行执行效果

4、使用react-native run-ios或者react-native run-android运行项目（注意：Android如果需要添加相关权限，再去更改相关的manifest文件。如果有项目执行失败的情况，可以尝试重启JS服务器、删除第三方库等方式重新跑一次命令，有些项目的特殊设置会在github中标注）