码迷,mamicode.com
首页 > 其他好文 > 详细

RN 图片处理 resizeMode

时间:2019-09-17 19:15:04      阅读:101      评论:0      收藏:0      [点我收藏+]

标签:nta   bsp   image   enter   运行环境   图片   界面   ima   str   

 Image组件必须在样式中声明图片的宽和高。如果没有声明,则图片将不会被呈现在界面上。
    我们一般将Image定义的宽和高乘以当前运行环境的像素密度称为Image的实际宽高.

    当Image的实际宽、高与图片的实际宽、高不符时,视图片样式定义中resizeMode的取值不同而分为三种情况, 三个取值分别是: contain, cover和stretch.默认值是cover.

 

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

技术图片

 

 

原文地址 https://www.jianshu.com/p/62101379fb83

 

RN 图片处理 resizeMode

标签:nta   bsp   image   enter   运行环境   图片   界面   ima   str   

原文地址:https://www.cnblogs.com/itgezhu/p/11536101.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!