时间戳

首页 > 解决方案 > 如何在博览会中添加 FontAwesome 图标

react-native - 如何在博览会中添加 FontAwesome 图标

问题描述

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

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

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

任何帮助将不胜感激。

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

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

我做错了，因为图标没有出现。

标签： react-nativefont-awesomeexpo

解决方案

你应该像这样使用它

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 组件中使用它会导致警告并且不起作用。

推荐阅读