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

Ios React Native 60中出现无法识别的字体系列错误,ios,xcode,react-native,Ios,Xcode,React Native,下面是错误的屏幕截图 react-native.config.js文件 module.exports = { project: { ios: {}, android: {}, }, assets: ["./assets/fonts"] }; 我试着直接通过XCode工作,但还是一样 资源文件夹和复制包资源中的字体 它也以应用程序提供的字体存在于Info.plist中 我多次确认了所有内容,但如果React Native Versi

下面是错误的屏幕截图

react-native.config.js文件

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

我试着直接通过XCode工作,但还是一样

资源文件夹和复制包资源中的字体

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


我多次确认了所有内容,但如果React Native Version<0.60,则始终会触发此错误 您需要告诉react native自定义字体的位置。在package.json中添加以下行

如果响应本机版本≥ 0.60(细节)
创建文件“react native.config.js”,如果react native版本<0.60,则添加以下代码 您需要告诉react native自定义字体的位置。在package.json中添加以下行

如果响应本机版本≥ 0.60(细节)
创建文件“react native.config.js”并添加以下代码

按照以下简单步骤向应用程序添加自定义字体

  • 将所有需要的字体文件添加到react原生项目根目录中的资产/font文件夹中

  • 对于React Native Version<0.60,我们需要告诉React Native自定义字体的位置。为此,我们将rnpm添加到package.json中,提供字体文件的路径

    “rnpm”:{
    “资产”:[
    “/资产/字体/”
    ]
    },

    对于React Native Version>0.60我们需要创建一个文件“React Native.config.js”并添加

    module.exports={
    项目:{
    ios:{},
    安卓:{}
    },
    资产:['./资产/字体/']
    };

  • 如果npm version>5运行此命令npx react native link
    如果npm版本<5运行此命令react native link


  • 这将在iOS的Info.plist文件中添加字体引用,并在Android上将字体文件复制到Android/app/src/main/assets/font。您可以通过从iOS文件夹打开Info.plist并查找UIAppFonts键来验证这一点。按照以下简单步骤将自定义字体添加到您的应用程序中

  • 将所有需要的字体文件添加到react原生项目根目录中的资产/font文件夹中

  • 对于React Native Version<0.60,我们需要告诉React Native自定义字体的位置。为此,我们将rnpm添加到package.json中,提供字体文件的路径

    “rnpm”:{
    “资产”:[
    “/资产/字体/”
    ]
    },

    对于React Native Version>0.60我们需要创建一个文件“React Native.config.js”并添加

    module.exports={
    项目:{
    ios:{},
    安卓:{}
    },
    资产:['./资产/字体/']
    };

  • 如果npm version>5运行此命令npx react native link
    如果npm版本<5运行此命令react native link



  • 这将在iOS的Info.plist文件中添加字体引用,并在Android上将字体文件复制到Android/app/src/main/assets/font。您可以通过从iOS文件夹打开Info.plist并查找UIAppFonts键来验证这一点。请仔细阅读我的问题,我提到>=60,并且已经完成了我看到的这些必要步骤。您确定您的react本机版本高于0吗。60@27mdmo7sn反应本机链接是的,版本0.61.5-是的,我执行了反应本机链接命令请仔细阅读我的问题,我提到>=60,并且已经完成了我看到的这些必要步骤。您确定您的react本机版本高于0吗。60@27mdmo7snreact-native-link是的,版本0.61.5-是的,我执行了react-native-link命令。您的回答是否确定?因为在RN>60中正确的方法是使用一个单独的配置文件是的,我非常确定这个答案,因为我在当前项目中使用这个配置文件,react本机版本为0.61.5。它显示了以下警告:您的项目使用的是不推荐的“rnpm”配置,它将从下一版本开始停止工作。请使用“react native.config.js”文件配置react native CLI。迁移指南:最后,同样的问题可以分享你的react原生配置文件截图同样的问题,它已经和我的帖子分享了-为什么你在添加答案之前没有好好阅读我的问题?你的答案确定吗?因为在RN>60中正确的方法是使用一个单独的配置文件是的,我非常确定这个答案,因为我在当前项目中使用这个配置文件,react本机版本为0.61.5。它显示了以下警告:您的项目使用的是不推荐的“rnpm”配置,它将从下一版本开始停止工作。请使用“react native.config.js”文件配置react native CLI。迁移指南:最后,同样的问题可以分享你的react原生配置文件截图同样的问题,它已经和我的帖子分享了-为什么你在添加答案之前没有好好阅读我的问题