React Native 引用第三方组件

作者: Tmac50 | 来源:发表于2016-06-12 15:03 被阅读10482次

    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中标注

    相关文章

      网友评论

      • 消失的光阴散在风里:rnpm link直接报错,说找不到什么MainActivity.java。
      • Kris_lee:rnpm 和 npm 都可以吗?
      • b98ee4fb8f20:博主,在引入第三方库的时候,rnpm link总是link第一个引入的库,请问该怎么解决

      本文标题:React Native 引用第三方组件

      本文链接:https://www.haomeiwen.com/subject/favedttx.html