React Native Custom Font 不适用于首次加载和重新加载答案

【问题标题】：React Native Custom Font not working for first load and reloadReact Native Custom Font 不适用于首次加载和重新加载
【发布时间】：2019-12-13 14:40:22
【问题描述】：

我正在 React Native 项目中处理自定义字体。 (RN 0.61.2)

已经设置 react-native 链接。

字体文件和 react-native.config.js 位于项目文件夹下，如屏幕截图。和配置文件，字体家族代码是这样的。

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

<Text style={{fontFamily: 'NanumSquareRoundB', fontSize: 30}}>
    Login
</Text>

问题是在首次加载或重新加载应用时字体没有加载。

当我修改字体代码时，我可以看到应用的字体。

所以也许我认为存在异步问题，但我不知道该怎么做。

我只将字体大小 30 更改为 31。

有什么问题？

【问题讨论】：

标签： reactjs react-native fonts

【解决方案1】：

为 React-Native 添加自定义字体 > 0.60

安卓

在android/app/src/main/assets/fonts 下添加您的自定义字体文件……就是这样。
您不必有react-native.config.js ...或在终端上执行link 命令。

IOS

在 xCode 中打开您的 ios 项目 <.xcworkspace> 文件。
右键单击您的项目名称节点并选择Add files to <your-project-name>，然后添加您的字体文件。
确保您添加的字体文件列在Build Phases > Copy Bundle Resources 下。

【讨论】：