介绍

react-native-vector-icons是一个开源库，通过集成这个开源库可以方便的实现类似html页面引入FontAwesome一样的用法。我们可以在图片资源库中搜索我们想要的图标，并通过react-native-vector-icons加载到项目中使用。

集成方式

切换到工程目录下执行安装命令

 npm install react-native-vector-icons --save
 或者 
 yarn add react-native-vector-icons

建议尽量使用yarn进行安装

通过命令链接原生库

react-native link react-native-vector-icons

iOS 配置

在iOS项目中手动向工程中添加react-native-vector-icons下的Fonts文件夹

image
image

使用方式

搜索图片资源

在图片资源库中搜索想要的图片资源

image

引入react-native-vector-icons

如上图所示，图片会分不同的模块，我们想要引入正确的图片需要指定相应的模块名称

import Icon from 'react-native-vector-icons/Ionicons';
或者 
import Entypo from 'react-native-vector-icons/Entypo';

生成图片

<Icon name={iconName} size={25} color={tintColor} />
或者
<Entypo name={iconName} size={25} color={tintColor} />;