首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在expo中添加FontAwesome图标

如何在expo中添加FontAwesome图标
EN

Stack Overflow用户
提问于 2019-01-13 16:59:59
回答 2查看 4.2K关注 0票数 2

我想在我的应用程序中加入字体的图标。

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

文档指出我不需要安装font well,但我确实需要导入以及获得正确的语法。

任何帮助都将不胜感激。

代码语言:javascript
运行
复制
import { FontAwesome } from '@expo/vector-icons';

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

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

EN

回答 2

Stack Overflow用户

发布于 2019-01-13 17:31:40

您应该像这样使用它

代码语言:javascript
运行
复制
import { FontAwesome } from '@expo/vector-icons';

...

<FontAwesome name={'newspaper-o'} />

它需要包装在自己的命名组件中。

您还应该确保根据目录https://expo.github.io/vector-icons/使用正确的名称

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

此外,md-link是一个离子图标,在FontAwesome组件中使用它会导致警告,它不会工作。

票数 8
EN

Stack Overflow用户

发布于 2021-04-08 04:02:14

在我的例子中,我试图使用字体棒的5图标字体,我不得不使用

代码语言:javascript
运行
复制
import { FontAwesome5 } from '@expo/vector-icons';
<FontAwesome5 name={iconName} />
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54167373

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档