react-native-vector-icons

react-native-vector-icons

react-native-vector-icons是一个React Native项目使用最广泛的矢量图标库,使用简单,内容丰富。

安装
// 添加依赖
npm install --save react-native-vector-icons

// 链接原生库
react-native link react-native-vector-icons
使用

这里注意并不是引入之后就可以直接使用所有的icon图标,要根据图标所在的范围进行不同的修改,/后面那个单词是一个范围。
例如:

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

要使用Icon图标,首先需要知道库里有什么图标,到node_modules\react-native-vector-icons\glyphmaps里面可以看到很多的json文件,打开其中一个来看


react-native-vector-icons_第1张图片
enter image description here

不难看出,这些就是图标的字符串对应表。

使用的时候可以使用这个网站找到所有图标的索引:
https://oblador.github.io/react-native-vector-icons/

你可能感兴趣的:(react-native-vector-icons)