react native Image resizeMode属性
来源:互联网 发布:梦娜和浪莎 知乎 编辑:程序博客网 时间:2024/05/16 12:15
resizeMode
上面我们说了,Image组件必须在样式中声明图片的款和高。如果没有声明,则图片将不会被呈现在界面上。
我们一般将Image定义的宽和高乘以当前运行环境的像素密度称为Image的实际宽高.当Image的实际宽、高与图片的实际宽、高不符时,视图片样式定义中resizeMode的取值不同而分为三种情况, 三个取值分别是: contain, cover和stretch.默认值是cover.
- cover模式只求在显示比例不失真的情况下填充整个显示区域。可以对图片进行放大或者缩小,超出显示区域的部分不显示, 也就是说,图片可能部分会显示不了。
- contain模式是要求显示整张图片, 可以对它进行等比缩小, 图片会显示完整,可能会露出Image控件的底色。 如果图片宽高都小于控件宽高,则不会对图片进行放大。
- stretch模式不考虑保持图片原来的宽,高比.填充整个Image定义的显示区域,这种模式显示的图片可能会畸形和失真。
- center模式, 9月11号的0.33版本才支持,contain模式基础上支持等比放大。
0 0
- react native Image resizeMode属性
- react native image resizeMode理解
- React native Image组件
- React Native--Image控件
- React Native Image 总结
- react-native-image-picker
- react-native-image-picker
- react-native-image-picker
- (四)React Native---Image组件
- React Native组件只Image
- React Native组件只Image
- React-Native初学者Image布局
- React Native 组件之Image
- React-native Image的初识
- react native Image 使用详解
- react native Image ImageBackground详解
- react native Image全屏显示
- react-native-image-picker配置
- linux下使用管道pipe和select创建阻塞
- 云盘
- Android利用Collections工具类处理集合对象
- Android实现控件拖动的小Demo
- maven install时报错Failed to execute goal org.apache.maven.plugins:maven-compiler-plugin:2.3.2:compile
- react native Image resizeMode属性
- 网络编程理论知识总结(一)四层、七层网络模型
- linux下Nginx 提高并发参数修改
- 建立ftp 服务器连接
- 内存分析
- 分页和常用系统存储过程
- (c++)写一个判断素数的函数,在主函数输入一个整数,输出是否是素数的消息。
- java知识点-1
- ALSA声卡08_从零编写之框架_学习笔记