React Native Paper-无法识别的字体系列“材料图标”

时间:2019-08-15 07:56:56

标签: react-native react-native-paper

我正在创建一个新的react native应用程序并使用react-native-paper。这不是Expo应用,而是Vanilla React Native应用。

react本机版本> 0.6.0,我已经按照react-native-paper安装https://callstack.github.io/react-native-paper/getting-started.html

中所述的步骤进行操作

react-native-paper组件的使用方式如下

<Avatar.Icon size={24} icon="folder" />

但是,当我使用命令react-native run-ios运行该应用程序时,编译成功并打开了应用程序,但红色屏幕显示如下enter image description here

1 个答案:

答案 0 :(得分:3)

找到了解决方案。

我必须将以下内容添加到info.plist

<key>UIAppFonts</key>
<array>
  <string>AntDesign.ttf</string>
  <string>Entypo.ttf</string>
  <string>EvilIcons.ttf</string>
  <string>Feather.ttf</string>
  <string>FontAwesome.ttf</string>
  <string>FontAwesome5_Brands.ttf</string>
  <string>FontAwesome5_Regular.ttf</string>
  <string>FontAwesome5_Solid.ttf</string>
  <string>Foundation.ttf</string>
  <string>Ionicons.ttf</string>
  <string>MaterialIcons.ttf</string>
  <string>MaterialCommunityIcons.ttf</string>
  <string>SimpleLineIcons.ttf</string>
  <string>Octicons.ttf</string>
  <string>Zocial.ttf</string>
</array>