react-native坑

沒有l(wèi)ibrary文件:

屏幕快照 2016-08-18 上午11.57.29.png

這種情況下需要安裝那些文件

npm install

node_modules文件夾

  里面存放的是各種第三方庫呀什么的比如redux、react-native-vector-icons、react、react-native等等

react-native-vector-icons

  關(guān)于在React Native中使用iconfont,網(wǎng)上已有很多非常好的解決方案,用的最多的就是 react-native-vector-icons , 這個庫支持很多常用的iconfont,比如FontAwesome, Ionicons, MaterialIcons等等。
  但是這個庫依賴了不少iOS和Android的原生代碼,這讓一個前端開發(fā)臉上浮現(xiàn)了一個大大的懵逼。 而且自帶的字體文件都偏大,做起精簡來簡直想哭,更別說加入自定義的iconfont了。
npm install react-native-vector-icons --save //添加到項目文件中,進入到項目的根目錄,添加完成之后會在node_modules文件夾中看到

react-native-vector-icons的簡單使用,圖片,按鈕,標(biāo)簽視圖,導(dǎo)航條
ICONS是可以直接使用圖片名, 就能加載圖片的三方,使用很方便, 你不需要在工程文件夾里塞各種圖片, 節(jié)省很多空間,下面就來看看怎么使用吧!

1. 首先打開terminal進入到我們的工程文件夾下, (不會創(chuàng)建工程的請參考:http://blog.csdn.net/margaret_mo/article/details/51304062)

輸入: npm install react-native-vector-icons --save (回車)

輸入: npm install rnpm -g

輸入: rnpm link (回車)  

2. 在Finder中用Xcode打開工程: .../Demo/ios/Demo.xcodeproj

(1).右鍵工程文件Add Files to "(你工程名)"

(2).選擇node_modules/react-native-vector-icons/Fonts文件

(3).點擊"完成".

FontAwesome 有很多圖標(biāo)不需要自己添加

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容