Unrecognized font family 'anticon'

问题：

使用第三方库react-native-vector-icons在ios上报Unrecognized font family 'anticon'的错(用Xcode编译的)：

"react-native": "0.55.4",
"react-native-vector-icons": "^6.4.2",

然后用react-native run-ios编译时报如下错：

/Users/taolulu/React_Native/Project/loveChatApp/ios/node_modules/react-native-vector-icons/Fonts/AntDesign.ttf:No such file or director.

问题就出在路径中多了一个“/ios/”，

在Xcode中也可以看出问题：

解决方案：

将Resources中有问题的文件删除，然后手工将字体文件拖放进来，同时确保info.plist中的Fonts provided by application中也有相应的字体名称

重新编译问题解决。

总结：

一般我们用react-native link react-native-vector-icons 命令自动将第三方库链接进项目，但不能保证一定成功，如果有问题还需手工配置

Unrecognized font family 'anticon'相关推荐

react native Unrecognized font family ‘antoutline’
react native 0.66.0 @ant-design/react-native 4.2.0 整合之后会报:Unrecognized font family 'antoutline' 方法一: ...
unrecognized font family iconfont2
起因:使用React Native开发App,需要使用自定义字体iconfont2.ttf,要在xCode中引入该字体步骤:将字体文件拷贝到项目工程中,在Info.plist文件中添加Fonts p ...
react native: Unrecognized font family 'antoutline'
原因是忘了 react-native link @ant-design/react-native (图片借用网络), 把antfill.ttf 和 antoutline.ttf 这两个文件引入.
Unrecognized font family 'xxxx'（已解决）
react-native 遇到的字体加载不出来的问题排查了很久,终于解决了...实测管用 1.问题截图: 2.解决步骤: yarn add react-native-vector-icons yar ...
react-native Unrecognized font family 'xxx'(已解决)
react-native 遇到的字体加载不出来的问题排查了很久,终于解决了...实测管用 1.问题截图: 2.解决步骤: yarn add react-native-vector-icons yar ...
React Native开发错误警告处理总结（已解决！持续更新）
注:本文是我在开发过程中遇到问题解决方法的总结,之后会持续更新,希望帮助到更多的学习者.文中有不妥的地方希望指出共同学习,同时欢迎大神补充.(之后我会放出自己开发整理的笔记和GithubDemo地址, ...
如何在React Native中构建项目并管理静态资源
by Khoa Pham 通过Khoa Pham 如何在React Native中构建项目并管理静态资源 (How to structure your project and manage stati ...
React Native入门（十二）之使用第三方字体文件
前言项目中需要展示一些别的平面或者其他民族文字时,需要使用该文字对应的字体文件,一般来说都是.ttf的. 在React Native中,使用字体文件就是在style中设置fontFamily属性! ...
2020年React Native使用Ant Design Mobile RN组件
Ant Design Mobile RN是一个很优秀的React Native 界面库,可以帮助我们简单方便的开发出漂亮的界面.我在基于0.63版本使用的过程中遇到一些小波折,比如字体无法正常,各种红 ...

Unrecognized font family 'anticon'

问题：

解决方案：

Unrecognized font family 'anticon'相关推荐

最新文章

热门文章