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 中的高阶组件主要是对于 hooks 之前的类组件来说的,如...
我们上一节了解了组件的更新机制,但是只是停留在表层上,例...
我们上一节了解了 react 的虚拟 dom 的格式,如何把虚拟 dom...
react 本身提供了克隆组件的方法,但是平时开发中可能很少使...
mobx 是一个简单可扩展的状态管理库,中文官网链接。小编在接...
我们在平常的开发中不可避免的会有很多列表渲染逻辑,在 pc ...