react-native开发踩坑之 ios上react-native-vector-icons 的error:unRecognized font family 'FontAwesome'

前端之家收集整理的这篇文章主要介绍了react-native开发踩坑之 ios上react-native-vector-icons 的error:unRecognized font family 'FontAwesome'前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

RN开发过程中使用了第三方图标库,由于对iOS也不是特别熟,所以搞了两天才跨过去,解决完毕后分享一下,毕竟RN开发资源还是比较稀缺的,多一点贡献是一点。
解决问题首先第一步那绝对是官网找,react-native-vector-icons github链接地址
iOS配置其实也不太难,里面信息也很好找

接下来解释一下,首先看第一步:把node_modules/react-native-vector-icons下的fonts文件添加到工程中,这时候往往忽略了一个重点,后面那一句

Make sure your app is checked under “Add to targets” and that “Create groups” is checked if you add the whole folder

这一句很关键,意思是确认必须要确认是Add to targets和Create groups,一开始我是直接右键把fonts目录add到工程的,根本没看到这两个玩意,结果就是失败,有点奇怪,后来我仔细看了一下这个步骤描述,

drag the folder Fonts to your project in Xcode

注意是drag,一定要drag吗,是的,必须要把目录通过拖拽的方式添加进去工程目录中,这时候会弹出一个选项弹框,会有Add to targets和Create groups这两项选择,然后点完成就是了。
下一步就比较简单了,他说咋办就咋办,依葫芦画瓢配置一下info.plist往下办就是了。
总之,如果碰到问题不熟悉的,不要紧张,最好搜索Google(国内的资源不吐槽了,靠各位大牛一起勤分享善积累了)然后一步步不断尝试,该重来就重来,总会搞定的。


个人简介:
前端小司机,倒腾前端一切,砸尽一切非前端的饭碗。
有兴趣请加前端交流群

猜你在找的React相关文章