Google字体不会导入到React本机应用中

Question

我正在尝试将一种字体从Google字体导入到我的RN应用中。但是，我遇到一个问题，该问题告诉我该字体无法识别。这是我所做的：

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

/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

对于使用本机版本> 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命令之前，请确保您拥有正确的字体文件夹路径

Answer 2

“ ./ assets / fonts /”此路径是否包含文件？ Lacquer-Regular.ttf

如果没有文件，请添加并link。

创建link时，将出现以下结果：

如果链接没有目标，那么通过执行所有链接可以影响项目。尽可能直接链接到路径。

react-native link ./assets/fonts