Google 字体无法导入 React 原生应用程序

Question

我正在尝试将谷歌字体中的字体导入我的 RN 应用程序。但是，我遇到了一个问题，它告诉我字体无法识别。这是我所做的：

我下载了字体并添加到资产文件夹中：

/assests/fonts/

像这样设置我的 package.json：

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

在终端中运行以下内容：

react-native link

我还进入了 Info.plist 文件并手动添加了字体，因为它在链接后没有这样做：

<key>UIAppFonts</key>
    <array>
        <string>Lacquer-Regular.ttf</string>
    </array>

最后，我在 vscode 的页面上将它标记为这样。

fontFamily: "Lacquer-Regular"

关于可能发生了什么以及如何修复它的任何想法？

Answer 1

对于那些使用react-native version > 0.60 的人，'rnpm' is deprecated自定义字体将不起作用。

现在，为了在 react-native 版本 > 0.60 中添加自定义字体，您必须：

1-react-native.config.js在项目的根文件夹中创建一个文件。

2- 在那个新文件中添加这个

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

3-react-native link在根项目路径中运行命令。

PS在运行react-native link命令之前确保你有正确的字体文件夹路径