沒有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)不需要自己添加