如何在博览会上添加FontAwesome图标

Question

我想在我的应用程序中添加超棒的字体图标。

我正在使用expo构建本机应用程序。

文档指出我不需要安装很棒的字体，但是我确实需要导入以及正确使用语法。

任何帮助将不胜感激。

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

<TabBarIcon
  focused={focused}
  name={Platform.OS === 'ios' ? 'fa-newspaper-o' : 'md-link'}
 />

由于图标未显示，我做错了事。

Answer 1

您应该像这样使用它

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

...

<FontAwesome name={'newspaper-o'} />

它需要包装在其自己的命名组件中。

您还应确保根据目录https://expo.github.io/vector-icons/

使用正确的名称

fa-newspaper-o不是正确的名称，应该是newspaper-o

md-link也是一个离子图标，在FontAwesome组件中使用该图标将导致警告，并且将不起作用。

Answer 2

就我而言，我试图使用 Font Awesome 5 Icons 和 font Awesome，我不得不使用

import { FontAwesome5 } from '@expo/vector-icons';
<FontAwesome5 name={iconName} />