如何添加下载的 fontawesome pro 图标以响应本机？

Question

我不再是 fontawesome pro 客户，但我仍然可以下载 web 和桌面的 pro 图标集（svg / css / webfonts / sprites ...），我想在我的项目中添加一些双色调和 light pro 图标。 但是我尝试以多种方式将它添加到我的博览会项目中，但它似乎不起作用。

• 我尝试使用 react-native-svg 但它不起作用，因为 fontawesome svg 由于某种原因无法转换为 svgr。

• 我尝试使用 react-native-fontawesome 但它似乎只适用于常规的实体和品牌图标。

• 我无法使用 fortAwesome 库，因为我的 npm 令牌已过期并因此被撤销。

请帮忙，如何在我的 react native expo 项目中使用下载的图标？ 先感谢您

Answer 1

我发现了如何做到这一点。

我将 fontawesome pro 字体添加到我的资产中。 使用 Font.loadAsync() 加载字体。

然后我创建了一个组件和一个包含每个图标的名称和 unicode 值的数组。 （在此链接中找到： font-awesome unicode and names

我的组件只是一个带有与我想要使用的 fontFamily 对应的 fontFamily 的组件（在我的例子中是 fa-light-300、fa-duotone-900 和 fa-brands-400）。 和 unicode 值这样写：

<Text style={{ fontFamily: "fa-light-300" }}>{"\uf164"}</Text>

如果有人遇到同样的问题，我希望这会有所帮助。