图片调整模式
图片边框
图片边框圆角
图片色调
参考
backfaceVisibility
该属性定义旋转后的图片背面是否应该可见。
| 类型 | 默认值 |
|---|
enum('visible', 'hidden') | 'visible' |
backgroundColor
borderBottomLeftRadius
borderBottomRightRadius
borderColor
borderRadius
borderTopLeftRadius
borderTopRightRadius
borderWidth
opacity
为图片设置不透明度值。该数字应在 0.0 到 1.0 范围内。
overflow
| 类型 | 默认值 |
|---|
enum('visible', 'hidden') | 'visible' |
overlayColor
Android
当图片具有圆角时,指定 overlayColor 会导致圆角中的剩余空间填充为纯色。这在 Android 实现圆角不支持的情况下很有用:
- 某些调整模式,例如
'contain'
- animated GIFs
使用此属性的典型方式是在纯色背景上显示图片,并将 overlayColor 设置为与背景相同的颜色。
有关此工作原理的详细信息,请参阅 Fresco 文档。
resizeMode
确定当框架与原始图片尺寸不匹配时如何调整图片大小。默认为 cover。
-
cover: 统一缩放图片(保持图片的纵横比),以便:
- 图片的两个维度(宽度和高度)将等于或大于视图的相应维度(减去内边距)
- 缩放后图片的至少一个维度将等于视图的相应维度(减去内边距)
-
contain: 统一缩放图片(保持图片的纵横比),以便图片的两个维度(宽度和高度)将等于或小于视图的相应维度(减去内边距)。
-
stretch: 独立缩放宽度和高度,这可能会改变源图的纵横比。
-
repeat: 重复图片以覆盖视图的框架。图片将保持其大小和纵横比,除非它大于视图,在这种情况下它将统一缩小以便包含在视图中。
-
center: 沿两个维度将图片居中于视图中。如果图片大于视图,则统一缩小以便包含在视图中。
| 类型 | 默认值 |
|---|
enum('cover', 'contain', 'stretch', 'repeat', 'center') | 'cover' |
objectFit
确定当框架与原始图片尺寸不匹配时如何调整图片大小。
| 类型 | 默认值 |
|---|
enum('cover', 'contain', 'fill', 'scale-down') | 'cover' |
tintColor
将所有非透明像素的颜色更改为色调颜色。