【问题标题】:React Native: "Unrecognized font family" error disappears when I click font file in XcodeReact Native:当我在 Xcode 中单击字体文件时,“无法识别的字体系列”错误消失了
【发布时间】:2020-03-17 23:05:22
【问题描述】:

在我的 React Native 应用程序中,我收到错误“无法识别的字体系列:'Raleway-Regular'”。我按照this tutorial 添加我的字体,在“可选步骤”部分,您将所有附加字体记录到控制台,它包括除Raleway-Regular 之外的所有字体。

然而,奇怪的是,当应用程序在模拟器中出现错误屏幕时,如果我在 Xcode 的项目中单击 Fonts 文件夹中的任何字体文件,错误屏幕在我的模拟器消失了。一旦我加载任何其他屏幕,错误消息就会再次出现,如果我单击 Xcode 中的字体文件之一,它会再次消失。请注意,当我单击其中一种字体时,它会热重新加载我在模拟器中所在的屏幕。

Raleway-Regular.ttf 位于我的项目根目录的 Fonts 文件夹中,并且具有正确的目标成员资格,位于我的 info.plist 中,位于 Build Phases -> Copy Bundle Resources 中。

有人知道为什么会这样吗?

【问题讨论】:

    标签: reactjs react-native fonts google-font-api custom-font


    【解决方案1】:

    请添加包含 Raleway-Regular.tff 的父文件夹路径

    "rnpm": {
       "assets": [
          "./Fonts/"
       ]
     }
    

    编辑,请改用这个:

    请创建此文件:react-native.config.js,其中包含以下内容:

    module.exports = {
      assets: ['./Fonts/'],
    };
    

    【讨论】:

    • 我认为 rnpm 从 reac-native@0.60 开始就被弃用了,对吧?
    • 是的,你是对的。有了这个,你可以试试这个:`` 1. 创建一个名为:react-native.config.js 的文件 2. 在该文件中添加这个:module.exports = { assets: ['./Fonts/'], } ; ``
    猜你喜欢
    • 2016-10-24
    • 2022-07-18
    • 1970-01-01
    • 2019-02-04
    • 1970-01-01
    • 1970-01-01
    • 2021-06-03
    • 2023-04-03
    • 1970-01-01
    相关资源
    最近更新 更多