React-Native图标 React-Native-Vector-icons 集成

react-native-vector-icons 安装使用，网上已有太多博客， 这里只再简要写一下命令行步骤 与躲坑技巧 （Mac OS 系统）。

1.安装 react-native-vector-icons

//安装本地 react-native-vector-icons 
1. npm install --save react-native-vector-icons	

/*
RN 与 react-native-vector-icons 关联
注：如果执行下面 命令方法失败，可以再次重新执行。 本人就是执行第二次成功。
**/
2. react-native link react-native-vector-icons

注：如果 上面命令关联失败可以常试：` 
npm install -g rnpm
rnpm link react-native-vector-icons
`

2.导入

项目中可能需要用 TabBarIOS 或其它 Icon 。 根据 github 上介绍，需要导入 项目node_modules/react-native-vector-icons/Fonts 文件夹。

1. 找到 node_modules/react-native-vector-icons/Fonts 拷贝整个目录
2. 粘贴 到 项目 ios 目录下
3. 用xcode 打开 ios 目录， 找到 ios 目录下的 info.plist， 确认

推荐图标库

IconFont：http://www.iconfont.cn/home/index
Fontello：http://fontello.com/
IcoMoon：https://icomoon.io/app/#/select

vector-icons 官网：

react-native-vector-icons (https://ionicons.com/)

链接

参考博客
github