如何在博览会中添加字体真棒图标

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是一个Ionicon图标，在FontAwesome组件中使用它会导致警告，并且不起作用。

Answer 2

就我而言，我试图使用字体真棒 5 图标，只有字体真棒，我不得不使用

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