安裝全JS組件
點擊進入------->
github上搜索組件名稱 此處以react-native-root-toast為例
安裝跟使用可以參照作者的ReadMe文件,這里貼出安裝方法
帶$的全是命令行語句,在命令行中不需要輸入$
& npm install react-native-root-toast --save
說明: 1.為什么執行該命令就可以直接使用該組件?
因為該組件作者在www.npmjs.com上傳過代碼,npm安裝組件,都會默認去該網站查詢并下載
說明: 2.為什么后面要添加 --save?
這樣子安裝完成后,會在package.js上有一個組件的默認紀錄,當你去下載別人源代碼的時候,是不會下載node_module的,這時我們需要自己npm install一次,只有Package.js中保存了該紀錄,npm install時才會將Toast組件一并下載下來
安裝原生組件.
此處以react-native-vector-icons為例
第一步
$ npm install react-native-vector-icons --save
第二步
$ npm install rnpm
第三步:自動連接
$ rnpm link
或
第三步:手動連接具體看github上的Readme文件
注意點:
如果第三方組件fork后,是沒有上傳到www.npmjs.com官網的,這時我們安裝就要使用github的下載地址。
$ npm install github地址 --save
組件安裝與使用
定時器組件使用
// 安裝定時器組件
$ npm i react-timer-mixin --save
// 引入定時器
var TimerMixin = require('react-timer-mixin');
// 注冊定時器
mixins : [TimerMixin],
// 使用定時器
this.timer = this.setInterval(function(){
// 函數體: ... 邏輯判斷
},this.props.duration);
// 停止定時器
this.clearInterval(this.timer);
// 開始定時器
this.startTimer();