react-native - Google 字体不会导入 React native 应用程序

Question

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

我下载了字体并添加到 Assets 文件夹中:

/assests/fonts/

像这样设置我的 package.json:

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

在终端中运行以下命令:

react-native link

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

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

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

fontFamily: "Lacquer-Regular"

关于可能发生的事情以及如何解决它的任何想法？

Answer 1

对于那些正在使用 react-native version > 0.60 的用户，'rnpm' 已被弃用，自定义字体将不起作用。

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

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

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

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

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

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