react-native - 如何正确使用 fontawsome 和 react-native
问题描述
我按照这些说明将 fontawsome 添加到我的 react-native 项目中。我可以通过链接中的示例获得一个图标
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
render() {
return (
<View>
<FontAwesomeIcon icon={ faCoffee } />
</View>
)
}
如何使用其他图标?例如 。我不确定这个图标的名称是什么。我尝试了fadFaHourglass,但显然不起作用。
解决方案
尝试使用 react-native-vector-icons
import Icon from 'react-native-vector-icons/FontAwesome';
const myIcon = <Icon name="rocket" size={30} color="#900" />;
在您的代码中使用 myIcon 变量。
参考链接:- https://www.npmjs.com/package/react-native-vector-icons
推荐阅读
- python - 如何使用 group by 从 Pandas 获取 MAX、MIN、SUM 值
- python - 下面的两个代码片段有什么区别。对我来说,它们看起来几乎相同,但它们的行为完全不同
- javascript - Google Apps 脚本超时(需要更简单的方法)
- python-3.x - 无法在 Windows 10 的 Ubuntu 终端中打开 python 文件
- html - 将文本放入嵌套 div 标签的问题
- docker - 如何向 Kubernetes 服务发出请求?
- wordpress - 如何在woocommerce中按产品ID获取产品列表
- electron - Electronjs window.require 不是函数
- soap - 在 groovy 上使用肥皂中的标头的基本身份验证凭据
- javascript - Object.entries 是否容易受到对象注入攻击?