ReactNative系列之十二图标组件react-native-vector-icons的使用

1、前言

第三方网站提供了丰富的矢量图icon,这些图可以在我们的应用中被引入使用，这时介绍react-native-vector-icons控件的使用

2、安装

请移步至https://github.com/oblador/react-native-vector-icons

3、使用

a) 引入方式如：

这里对应不同的网址http://ionicons.com/和 http://fontawesome.io/

你可以在此网址上搜索使用的icon

import Icon 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'}/>

ReactNative系列之十二图标组件react-native-vector-icons的使用相关推荐

gateway网关_SpringCloud技术指南系列（十二）API网关之Gateway使用
SpringCloud技术指南系列(十二)API网关之Gateway使用一.概述 API网关是一个更为智能的应用服务器,它的定义类似于面向对象设计模式中的Facade模式,它的存在就像是整个微服务架 ...
ASP.NET企业开发框架IsLine FrameWork系列之十二--使用Session、Cookie与安全支持
ASP.NET企业开发框架IsLine FrameWork系列之十二--使用Session.Cookie与安全支持今天来介绍IsLine.HttpContent.HttpContentProvide ...
【机器学习与差分隐私代码实现】差分隐私代码实现系列（十二）
差分隐私代码实现系列(十二) 写在前面的话回顾机器学习与差分隐私使用 Scikit-Learn 进行逻辑回归什么是模型? 使用梯度下降训练模型梯度下降的单一步骤梯度下降算法梯度下降与差分 ...
IT职场人生系列之十二：语言与技术I
本文是IT职场人生系列的第十二篇. 最近移动互联网很流行,很多人都在学习IOS.Android编程.这也引起一个入行.改行的潮流. 那么,作为新手.老手,应该怎样选择自己学习的语言和技术呢? 本人从早 ...
Stream系列（十二） PartitioningBy方法使用
分割列表 Stream系列(十二) PartitioningBy方法使用 EmployeeTestCase.java package com.example.demo;import lombok.ex ...
Reflex WMS入门系列三十二：导出到Excel
Reflex WMS入门系列三十二:导出到Excel 如同SAP系统的风格 --- 凡是有list的界面,都能导出到Excel ---, Reflex WMS系统也提供了类似的功能.几乎在任何的Lis ...
python 基础系列（十二） — python正则
python 基础系列(十二) - python正则 1. 正则表达式基础 1.1. 简单介绍正则表达式并不是Python的一部分.正则表达式是用于处理字符串的强大工具,拥有自己独特的语法以及一个独 ...
【SQL开发实战技巧】系列（十二）：三问(如何对字符串字母去重后按字母顺序排列字符串？如何识别哪些字符串中包含数字？如何将分隔数据转换为多值IN列表?)
系列文章目录 [SQL开发实战技巧]系列(一):关于SQL不得不说的那些事 [SQL开发实战技巧]系列(二):简单单表查询 [SQL开发实战技巧]系列(三):SQL排序的那些事 [SQL开发实战技巧] ...
抖音短视频数据抓取实战系列（十二）——抓取实战BUG总集
抖音短视频数据抓取实战系列(十二)--抓取实战BUG总集 1.模拟器自带的Xposed框架无法安装. 2.Fiddler无法监测雷电模拟器上的数据. 3.模拟器抖音用户详情页为空(未解决). 4.pi ...

ReactNative系列之十二图标组件react-native-vector-icons的使用

ReactNative系列之十二图标组件react-native-vector-icons的使用相关推荐

最新文章

热门文章