如何在博览会中添加 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一个 Ionicons 图标，在 FontAwesome 组件中使用它会导致警告并且不起作用。