react-native - 如何在 expo 中添加 FontAwesome 图标

Question

我想在我的应用程序中包含很棒的字体图标。

我正在使用 expo 构建原生应用。

文档说明我不需要安装 font awesome，但我确实需要导入并获得正确的语法。

如有任何帮助，我们将不胜感激。

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 组件中使用它会导致警告并且无法正常工作。