React-native开发-Unrecognized font family ‘Ionicons’

错误如下:
React-native开发-Unrecognized font family ‘Ionicons’_第1张图片

解决方法:
先打开你的react-native项目的ios文件夹下面的项目,右键选择add file
React-native开发-Unrecognized font family ‘Ionicons’_第2张图片

将font文件添加到项目里面:
React-native开发-Unrecognized font family ‘Ionicons’_第3张图片

然后还需要到info.plist文件添加一些配置:
React-native开发-Unrecognized font family ‘Ionicons’_第4张图片

复制下面的内容到plist里面:

<key>UIAppFontskey>
  <array>
    <string>Entypo.ttfstring>
    <string>EvilIcons.ttfstring>
    <string>FontAwesome.ttfstring>
    <string>Foundation.ttfstring>
    <string>Ionicons.ttfstring>
    <string>MaterialIcons.ttfstring>
    <string>Octicons.ttfstring>
    <string>SimpleLineIcons.ttfstring>
    <string>Zocial.ttfstring>
    <string>MaterialCommunityIcons.ttfstring>
  array>

如下图:
React-native开发-Unrecognized font family ‘Ionicons’_第5张图片

这样就大功告成啦。重新运行项目就行了。

你可能感兴趣的:(React-native开发-Unrecognized font family ‘Ionicons’)