RN筆記之導(dǎo)入第三方庫

RN 第三方庫快速查找網(wǎng)址:https://js.coach/
(下面的文章以https://github.com/rebeccahughes/react-native-device-info 為例)
PS:因為yarn是非死不可準(zhǔn)備用來替換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

命令行執(zhí)行效果

命令執(zhí)行完成之后,在文件package.json中會有引入的項目。在node_modules文件夾中會有引用的組件的文件夾,如例子中的 react-native-device-info文件夾


package.json截圖

node_modules文件夾截圖

3、將第三方庫鏈接到項目,在項目的根目錄中輸入命令:npm link (或yarn link)

命令行執(zhí)行效果

4、使用react-native run-ios或者react-native run-android運行項目(注意:Android如果需要添加相關(guān)權(quán)限,再去更改相關(guān)的manifest文件。如果有項目執(zhí)行失敗的情況,可以嘗試重啟JS服務(wù)器、刪除第三方庫等方式重新跑一次命令,有些項目的特殊設(shè)置會在github中標(biāo)注

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容