ReactNative系列之十二图标组件react-native-vector-icons的使用
来源:互联网 发布:c 加密解密算法 编辑:程序博客网 时间:2024/05/21 20:10
1、 前言
第三方网站提供了丰富的矢量图icon,这些图可以在我们的应用中被引入使用,这时介绍react-native-vector-icons控件的使用
2、安装
请移步至https://github.com/oblador/react-native-vector-icons
3、使用
a) 引入方式如:
这里对应不同的网址http://ionicons.com/和http://fontawesome.io/
你可以在此网址上搜索使用的icon
importIcon from 'react-native-vector-icons/Ionicons';
import FontAwesome from 'react-native-vector-icons/FontAwesome';
b) 代码使用
<Icon name={'md-home'}size={30}color={selected ? '#3e9ce9' : '#000000'}/>
0 0
- ReactNative系列之十二图标组件react-native-vector-icons的使用
- ReactNative开发中使用react-native-vector-icons
- react-native-vector-icons 图标库的使用
- react-native-vector-icons的使用
- react-native-vector-icons使用
- React-native开发之图标库react-native-vector-icons 的集成使用
- Andriod如何使用react-native-vector-icons
- react-native-vector-icons使用(二)
- react-native 使用vector-icons图标库
- React Native react-native-vector-icons 使用小记
- 使用react-native-vector-icons 库报错 react-native-vector-icons 以及使用方法
- 《React-Native系列》36、 ReactNative地图组件
- 《React-Native系列》36、 ReactNative地图组件
- react native vector icons 乱码
- react-native-vector-icons在tab中的使用代码示例
- react-native开发踩坑之 ios上react-native-vector-icons 的error:unRecognized font family 'FontAwesome'
- react-native-vector-icons的简单使用,图片,按钮,标签视图,导航条
- ReactNative进阶之react-native-storage的使用及封装
- 在Struts2中,使用绑定select进行页面查询
- angular2学习笔记(8)
- 数据库
- 114. Flatten Binary Tree to Linked List
- retrofit2和rxjava2一起使用时的rxjava.jar版本冲突问题解决
- ReactNative系列之十二图标组件react-native-vector-icons的使用
- java实现(2)-AVL树
- Ogre 获取显示鼠标位置
- 选择排序
- 二叉树的路径和
- 基于tomcat+windows配置虚拟主机(搭建网站)
- 分辨率 PPI DPI概念定义详解
- MVVM框架对比
- html form表单上传图片覆盖