一. 切换到工程目录,执行
- 执行安装命令
npm install react-native-vector-icons --save
或者
yarn add react-native-vector-icons
注意:目前npm5存在安装新库时会删除其他库的问题,可能后面会修复导致项目无法正常运行。请尽量使用yarn代替npm操作。
- 执行以下命令链接原生库
react-native link react-native-vector-icons
二. ios配置(ios需要单独导入字体文件,安卓link完就可以用了)
-
右键工程文件Add Files to "(你工程名)"
选择node_modules/react-native-vector-icons/Fonts文件夹
三. 使用
- 如果用的是ionicons,打开这个地址点击相应的图标复制名字http://ionicframework.com/docs/ionicons/
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!