RN笔记之导入第三方库

RN 第三方库快速查找网址:https://js.coach/
(下面的文章以https://github.com/rebeccahughes/react-native-device-info 为例)
PS:因为yarn是非死不可准备用来替换npm的,所以以下使用npm命令可以替换成yarn(个人感觉yarn确实比npm快一些)
1、安装npm 或者 yarn

2、引入第三方库,进入项目的根目录(即package.json所在目录),输入命令:npm install [第三方库] --save ,如npm install react-native-device-info --save(yarn命令:yarn add react-native-device-info --save

命令行执行效果

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


package.json截图

node_modules文件夹截图

3、将第三方库链接到项目,在项目的根目录中输入命令:npm link (或yarn link)

命令行执行效果

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容