React native 如何在世博会中添加一个图标

React native 如何在世博会中添加一个图标,react-native,font-awesome,expo,React Native,Font Awesome,Expo,我想在我的应用程序中包括字体很棒的图标 我正在使用expo创建一个本地应用程序 文档中说我不需要安装Fontawesome,但我确实需要导入并获得正确的语法 任何帮助都将不胜感激 import { FontAwesome } from '@expo/vector-icons'; <TabBarIcon focused={focused} name={Platform.OS === 'ios' ? 'fa-newspaper-o' : 'md-link'} /> 从“@e

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

我正在使用expo创建一个本地应用程序

文档中说我不需要安装Fontawesome,但我确实需要导入并获得正确的语法

任何帮助都将不胜感激

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

<TabBarIcon
  focused={focused}
  name={Platform.OS === 'ios' ? 'fa-newspaper-o' : 'md-link'}
 />
从“@expo/vector icons”导入{FontAwesome}”;

我做错了什么,因为图标没有显示。

您应该这样使用它

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

...

<FontAwesome name={'newspaper-o'} />
从“@expo/vector icons”导入{FontAwesome}”;
...
它需要包装在自己的命名组件中

您还应确保根据目录使用正确的名称

fa-paper-o
不是正确的名称,应该是
paper-o


另外,
md link
是一个Ionicons图标,在FontAweasome组件中使用它会导致警告,并且它不会工作。

在我的例子中,我试图使用FontAweasome 5图标和FontAweasome,我不得不使用

import { FontAwesome5 } from '@expo/vector-icons';
<FontAwesome5 name={iconName} />
从“@expo/vector icons”导入{FontAwesome5};

如果我们是FontAwesome的专业会员,您知道如何使用专业图标吗?