0

我正在尝试将 Font Awesome 集成到我正在开发的 React Native Expo 应用程序中，但我不断收到以下错误：

console.error：“错误：图标未找到图标 =”，“咖啡”

我只是按照以下 GitHub 页面上关于 React Native Font Awesome 的说明进行操作：https ://github.com/FortAwesome/react-native-fontawesome

具体来说，首先，我运行了以下命令：

npm i --save react-native-svg #
npm i --save @fortawesome/fontawesome-svg-core
npm i --save @fortawesome/free-solid-svg-icons
npm i --save @fortawesome/react-native-fontawesome

这些都运行良好。然后我将以下内容添加到我的主屏幕代码中：

import { FontAwesomeIcon } from '@fortawesome/react-native-fontawesome';
...
<FontAwesomeIcon icon="coffee" />

同样，我只是按照上面链接的 GitHub 页面上的说明进行操作。当我做所有这些时，我得到了上面提到的错误。因此对我package.json来说，我在expo版本上~36.0.0。

有任何想法吗？非常感谢您提前。

4

2 回答 2

2 
import {faCoffee} from "@fortawesome/free-solid-svg-icons";

<FontAwesomeIcon icon={faCoffee} />
于 2020-03-31T15:15:08.300 回答
-1

我想到了。这很“容易”，但也不那么明显。

基本上，因为我使用 Expo 来构建我的 React Native 应用程序，所以我不得不使用 Font Awesome 的 Expo 版本。因此，我不需要以前安装的任何 npm 模块。它们都可以卸载。

代替这些模块，我在文件顶部添加了以下内容：

import { FontAwesome } from '@expo/vector-icons';

然后如下获得一个 Font Awesome 图标以显示在屏幕上：

<FontAwesome name="times" />

这就是它的全部。我想我一开始就采取了错误的方法。对不起所有的混乱。再次感谢所有帮助过的人。

于 2020-04-01T15:34:27.940 回答