无法识别的字体家族“ Roboto”-React Native iOS

时间:2018-08-29 20:02:55

标签: ios react-native

enter image description here

当我用comand对本机进行响应时构建应用程序时出现问题: react-native run-ios

2 个答案:

答案 0 :(得分:2)

就像我之前提到的@theoretisch和@JoseVf一样,请提供更多信息以及您到目前为止所做的尝试。

通过及时提问,您将增加迅速获得良好答案的机会。另外,请参考How do I ask a good question?部分以获取更多信息。

所有这些,本着为您提供帮助的精神,以下将解决您的问题。

使用fontFamily: 'System'代替fontFamily: 'Roboto'

说明 您试图在iOS上找到 Roboto 字体,但默认情况下该字体未包含在操作系统中。但是,在Android上是。

因此,通过给fontFamily: 'System',您是说要React Native选择默认的系统字体系列,该系列默认为您正在运行的当前平台。对于iOS,它将是San Francisco,对于Android,它将是Roboto

请注意,如果要在两个平台上都显示Roboto字体系列(您的设计可能就是这样),则需要在您的react native应用程序包中包含该字体,这样就不会出现此问题。

答案 1 :(得分:0)

我有完全一样的问题。在Android中完美构建项目,而在iOS中构建失败。

要解决此问题,请执行以下步骤:

1)在Roboto.tff 文件夹中添加了<projectRoot>/assets/fonts文件

2)在Xcode项目资源中添加了文件

enter image description here

3)在 Info.plist 文件

中的 <string>Roboto.ttf</string>键中添加了行UIAppFonts
  <key>UIAppFonts</key>
  <array>
        ....
        <string>Roboto.ttf</string>
  </array>

4)检查文件是否存在于Build Phases Copy Bundle Resources

enter image description here

Ran Product->清理构建文件夹,重新启动JS服务器,重新构建