React Native 60中无法识别的字体系列错误

Question

这是该错误的屏幕截图

react-native.config.js文件

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

我试图直接通过XCode工作，但是还是一样

资源文件夹以及副本捆绑资源中的字体

它也存在于Info.plist中的应用程序提供的字体中

我已多次确认所有内容，但始终会触发此错误

Answer 1

如果React Native版本<0.60 您需要告诉react native我们的自定义字体位于何处。在package.json中添加以下行

如果React Native版本≥0.60（详细信息） 创建文件“ react-native.config.js”并添加以下代码

Answer 2

按照以下简单步骤将自定义字体添加到您的应用

1. 将所有想要的字体文件添加到react-native项目根目录中的 assets / fonts 文件夹中

   

2. 对于 React-Native版本<0.60 ，我们需要告诉react-native我们的自定义字体位于何处。为此，我们将rnpm添加到 package.json 中，以提供字体文件的路径

   "rnpm": { "assets": [ "./assets/fonts/" ] },

   对于 React-Native版本> 0.60 ，我们需要创建文件“ react-native.config.js”并添加

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

3. 如果 npm版本> 5 ，请运行以下命令 npx react-native链接
   如果 npm版本<5 ，请运行此命令本机链接

这应该在iOS的Info.plist文件中添加字体参考，然后在Android上将字体文件复制到 android / app / src / main / assets / fonts 。您可以通过从iOS文件夹中打开Info.plist并寻找 UIAppFonts 键

来进行验证。