RN中推荐的字体图标库:react-native-vector-iconsGithub,安装就按照Github
上的安装说明一步一步即可。
问题是使用的时候图标名字是什么,根据提供的网站里有的并不适配,甚至有的RN官网中的示例代码图标都不能正常显示。
解决方案:
作者提供了一个展示全部图标的网站:https://oblador.github.io/react-native-vector-icons/,
标题部分即是字体库的名称,底下是具体的字体图标名称,比如下面的图标:
字体图标.png
图标所属字体为
AntDesign
, 图标名称为stepforward
.那么使用方式如下:
// 导包导AntDesign即可
import Icons from 'react-native-vector-icons/AntDesign';
<Icon name="stepforward" size={30} color="#900" />