react-native-vector-icons 图标库的使用

来源:互联网 发布:淘宝wap流量是什么意思 编辑:程序博客网 时间:2024/05/29 02:17

1.首先在工程的文件夹里面安装这个库

npm install react-native-vector-icons@2.0.2 --save

2.安装 rnmp。安装后才可以使用图标资源,这里是全局安装

nmp i rnpm@1.7.0 -g

3.利用刚刚装的rnpm,将图标资源关联到写的项目里,同样是在工程目录里运行如下命令

rnpm link react-native-vector-icons

4.js代码中如何引用图标资源.
图片的官网http://ionicons.com/可以寻找各种图标。
js代码首先引入:

import Icon from 'react-native-vector-icons/Ionicons';const myIcon = (<Icon name="rocket" size={30} color="#900" />)
0 0
原创粉丝点击