如何找到fontAwsome图标的名称

Question

我试图在React本机应用程序中使用超棒的图标，因此我安装了它并使用 react-native-vector-icons 导入了它：< / p>

import Icon from "react-native-vector-icons/FontAwesome";
.....
<Icon name="map-pin" />

但是我不知道在哪里找到图标的名称，我在字体真棒网站上浏览了一些图标，但是当我尝试使用它们时，它不起作用
在他们的网站中，这个icon's名称是 abacus ，但是，当我在应用程序中使用它时，会收到警告，并且该图标不会显示。

Answer 1

您可以使用https://oblador.github.io/react-native-vector-icons/查找图标名称。它具有react-native-vector-icons库中的所有图标。

Answer 2

您可以从此处https://expo.github.io/vector-icons/

获取图标名称

Answer 3

如您所说，您可以从官方FontAwesome Webiste获得姓名，但需要小心。有常规图标和专业图标。专业版图标在右上方带有蓝色小横幅标记。默认情况下，react-native-vector-icons包中只有自由/常规图标可用。

常规图标：

专业图标

如您所见，算盘图标是专业图标，因此在免费套餐中不可用。