文档章节

react native Image resizeMode属性

hejunbinlan
 hejunbinlan
发布于 2017/07/10 14:18
字数 330
阅读 25
收藏 0

resizeMode

Image组件必须在样式中声明图片的宽和高。如果没有声明,则图片将不会被呈现在界面上。
我们一般将Image定义的宽和高乘以当前运行环境的像素密度称为Image的实际宽高.当Image的实际宽、高与图片的实际宽、高不符时,视图片样式定义中resizeMode的取值不同而分为三种情况, 三个取值分别是: contain, cover和stretch.默认值是cover.

  1. cover模式只求在显示比例不失真的情况下填充整个显示区域。可以对图片进行放大或者缩小,超出显示区域的部分不显示, 也就是说,图片可能部分会显示不了。
  2. contain模式是要求显示整张图片, 可以对它进行等比缩小, 图片会显示完整,可能会露出Image控件的底色。 如果图片宽高都小于控件宽高,则不会对图片进行放大。
  3. stretch模式不考虑保持图片原来的宽,高比.填充整个Image定义的显示区域,这种模式显示的图片可能会畸形和失真。
  4. center模式, 9月11号的0.33版本才支持,contain模式基础上支持等比放大。

本文转载自:http://blog.csdn.net/bitian123/article/details/54629347

共有 人打赏支持
hejunbinlan
粉丝 41
博文 584
码字总数 21362
作品 0
浦东
高级程序员
React Native 常用组件之 Image

一、前言 在开发中还有一个非常重要的组件Image,通过这个组件可以展示各种各样的图片,而且在React Native中该组件可以通过多种方式加载图片资源。 二、Image组件的基本用法 从当前项目中加...

雷国林
2016/12/15
0
0
【React Native开发】React Native控件之Image组件讲解与美团首页顶部效果实例(10)

转载请标明出处: http://blog.csdn.net/developerjiangqq/article/details/50557632 本文出自:【江清清的博客】 (一)前言 【好消息】个人网站已经上线运行,后面博客以及技术干货等精彩文章会...

jiangqq781931404
2016/01/21
0
0
【未学习】react native整理笔记

中文文档 http://reactnative.cn/docs/0.30/listview.html#content 一,环境搭建 安装react native命令行 初始化项目 cd luckygoods 初始化过程比较久,耐心等待... 1,IOS 安装Xcode,V7.0+...

雪舞__
2016/12/15
261
0
react-native 之布局篇

宽度单位和像素密度 react的宽度不支持百分比,设置宽度时不需要带单位 , 那么10代表的具体宽度是多少呢? 不知道是官网文档不全还是我眼瞎,反正是没找到,那做一个实验自己找吧: var Di...

Jack088
2016/01/06
429
0
react native 类库(一)

计时器类库 https://github.com/react-native-component/react-native-smart-timer-enhance TabBar底部导航(兼容Android和IOS)--react-native-tab-navigator 下载依赖: npm install react-n......

Chason-洪
2017/09/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

一步步编写自己的PHP爬取代理IP项目(二)

这一章节我们正式开展我们的爬虫项目,首先我们先要知道哪个网站能获取到免费代理IP,目前比较火的有西刺代理,快代理等,这里我们拿西刺代理作为例子。 这里就是一个个免费的IP地址以及各自...

NateHuang
30分钟前
1
0
11-利用思维导图梳理JavaSE-Java的反射机制

11-利用思维导图梳理JavaSE-Java的反射机制 主要内容 1.反射与Class类 1.1.反射概念 1.2.Class类 1.3.实例化Class类 1.4.反射的作用 1.5.Class对象的作用 2.反射的深入应用 2.1.调用无参的成...

飞鱼说编程
37分钟前
1
0
How to serve the world from home computer?

最近在开发web应用,很想知道,通过公网来访问,效果会不会好。今天在做家务的时候,突然想到,如果我自己写一个ip转发的工具,不就可以实现了吗?但是转过头一想,这么大众的想法,怎么会没...

pearma
53分钟前
1
0
今天在码云遇到一个很有意思的人 for Per.js

今天在码云遇到一个很有意思的人,他在我的Per.js项目下面评论了一句,大意为“你试试这句代码,看看速度到底是你快还是Vue快”【当然,这个评论被我手残不小心删掉了...】。 然后我就试了,...

Skyogo
今天
50
0
Java -------- 首字母相关排序总结

Java 字符串数组首字母排序 字符串数组按首字母排序:(区分大小写) String[] strings = new String[]{"ba","aa","CC","Ba","DD","ee","dd"}; Arrays.sort(strings); for (int i ...

切切歆语
今天
4
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部