react-native-vector-icons 安装教程

真的踩了好几天的坑,每次按照网上的一些教程来,都把整个项目都废了,原因:谁动了我的Xcode!!!!!,奉劝各位少动Xcode。前人踩坑,后人继续踩坑。

好了,来总结下本人成功使用react-native-vector-icons 的过程。

一.npm install

npm install react-native-vector-icons --save

react-native link

link完后,终端会报错

然后 npm install 来一遍。

再react-native link

link 成功。此时,内心无比的激动啊,以为已经OK了?

哈哈哈哈哈哈,还没,直接nmp start 会红屏报错,Unrecognized font family 'Ionicons',因为你还没有添加Fonts到Xcode中。

so...........

打开你的Xcode,右键add files to ,添加node_modules/react-native-vector-icons/Fonts到XCode工程中。

就酱紫,完成!你可以尽情使用这个可以直接使用图片名就能加载图片的第三方库,类似于web的iconfont矢量图,使用很方便, 你不需要在工程文件夹里塞各种icon图片, 节省很多空间,

是不是很方便。

 

posted on 2017-12-21 11:06  我爱吃豌豆  阅读(1811)  评论(0编辑  收藏  举报

导航