react-native - 在 React Native V 60+ 中渲染 Open-sans 字体时出现问题

Question

我想在我的应用程序中添加“Open-sans”字体，但我有一个问题，它只发生在 IOS 模拟器上

这是我的步骤:

a)我在根应用程序中创建了一个文件夹:assets 然后在assets中的fonts fonts文件夹并放置Open-sans.ttf

b) 我在 root 中创建了一个名为 react-native-config.js 的文件并添加:

module.exports = {
  project: {
    ios: {},
    android: {},
  },
  assets: ['./assets/fonts/'],
};

c) react 原生链接

d) 在 App.js 中

<Text style={{fontFamily: 'OpenSans-Bold', fontWeight: 'bold'}}>
  This is my first App
</Text>

我的问题是，每当我在 App.js 中进行任何编辑时，它都会告诉我“无法识别的字体系列”



但是当我打开 react-native-config.js什么都不做，只保存热重载和字体工作



正如我提到的，它在 Android 上是完美的，但是在对 App.js 文件进行任何编辑后保存时，错误会出现在 IOS 上

Answer 1

对于 IOS，font-family 值是全名，对于 android 是它的文件名。
尝试:

<Text style={{fontFamily: 'Open Sans Bold'}}>

这是我的第一个应用程序

对于 android，将文件名“OpenSans-Bold.ttf”更改为“Open Sans Bold.ttf”