react-native-vector-icons 是可以直接使用圖片名就能加載圖片的第三方,類似於web的iconfont矢量圖,使用很方便, 你不需要在工程文件夾里塞各種圖片, 節省很多空間,下面就來看看怎么使用吧!
進入到你的react項目目錄下,終端依次輸入:
npm install react-native-vector-icons --save
npm install rnpm -g
IOS方法:
1、打開你的Xcode項目工程,右鍵工程文件,選擇react項目下的node_modules/react-native-vector-icons/Fonts文件,ok。
2、在xcode的Info.plist文件中,加入: Fonts provided by application數組
3、打開終端,輸入:rnpm link,回車后會看到Fonts provided by application下加入如下字體。
最后,重新運行react項目,終端輸入:react-native run-ios,可以看到效果了,ok!