react-native-vector-icons 安装教程

本文详细介绍了如何在React Native项目中正确安装并配置react-native-vector-icons库,包括npm install、react-native link步骤及解决常见错误的方法。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

真的踩了好几天的坑,每次按照网上的一些教程来,都把整个项目都废了,原因:谁动了我的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图片, 节省很多空间,

是不是很方便。

 

转载于:https://www.cnblogs.com/krystalcl/p/8079159.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值