无法识别的字体系列“Roboto” - React Native iOS

Question

在 React Native 上构建 iOS 应用程序时，模拟器成功启动，但应用程序报告错误：“无法识别的字体系列 'Roboto'”、'Roboto-Thin' 或一些变体。

截图如下：

我运行的命令：

react-native run-ios

Answer 1

就像我之前提到的 @theoretisch 和 @JoseVf 一样，请提供更多信息以及您迄今为止尝试过的内容。

通过花时间提出问题，您将增加快速获得好的答案的机会。另请参阅如何提出一个好问题？部分了解更多信息。

综上所述，本着帮助您解决问题的精神，以下内容将解决您的问题。

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

说明 您正在尝试在 iOS 上查找Roboto字体，但操作系统默认不包含该字体。然而，在 Android 上，它是。

因此，通过给fontFamily: 'System'您说 React Native，选择默认系统字体系列，该系列默认为您运行的当前平台。对于 iOS，这将是旧金山，对于 Android，这将是 Roboto

请注意，如果您想在两个平台上都显示 Roboto 字体系列（您的设计可能是这样），那么您需要将该字体包含在您的本机应用程序包中，然后您就不会遇到此问题。

Answer 2

我有完全相同的问题。项目构建在 android 中完美，在 iOS 中构建失败。

为了解决这个问题，我做了以下步骤：

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

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

3)<string>Roboto.ttf</string> UIAppFonts在Info.plist文件中的键中添加行

  <key>UIAppFonts</key>
  <array>
        ....
        <string>Roboto.ttf</string>
  </array>

4）检查文件存在于Build Phases Copy Bundle Resources

Ran Product->Clean Build Folder, Restarted JS server, Rebuilt