react-native-vector-icons集成

一. 切换到工程目录，执行

1. 执行安装命令

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

注意：目前npm5存在安装新库时会删除其他库的问题，可能后面会修复导致项目无法正常运行。请尽量使用yarn代替npm操作。

2. 执行以下命令链接原生库

react-native link react-native-vector-icons

二. ios配置（ios需要单独导入字体文件，安卓link完就可以用了）

1. 右键工程文件Add Files to "(你工程名)"

   
   image.png

2. 选择node_modules/react-native-vector-icons/Fonts文件夹

image.png

三. 使用

1. 如果用的是ionicons，打开这个地址点击相应的图标复制名字http://ionicframework.com/docs/ionicons/
   image.png
   2.创建一个demo页面，以下是使用demo

import React from 'react';
import Icon from 'react-native-vector-icons/Ionicons';

const Icon = () => {
     return <Icon name="ios-add" size={30} color="red" />
};

完美收官！
项目demo地址：https://github.com/duheng/Mozi
THE END！