跳到主要内容

图像样式属性

示例

图像缩放模式

图像边框

图像边框半径

图像色调

参考

属性

backfaceVisibility

此属性定义旋转图像的背面是否可见。

类型默认
枚举('visible', 'hidden')'visible'

backgroundColor

类型
颜色

borderBottomLeftRadius

类型
数字

borderBottomRightRadius

类型
数字

borderColor

类型
颜色

borderRadius

类型
数字

borderTopLeftRadius

类型
数字

borderTopRightRadius

类型
数字

borderWidth

类型
数字

opacity

设置图像的不透明度值。该数字应在 0.01.0 的范围内。

类型默认
数字1.0

overflow

类型默认
枚举('visible', 'hidden')'visible'

overlayColor
安卓

当图像具有圆角时,指定 overlayColor 将导致圆角中剩余的空间被纯色填充。这对于 Android 圆角实现不支持的情况很有用。

  • 某些缩放模式,例如 'contain'
  • 动态 GIF

使用此属性的典型方法是将图像显示在纯色背景上,并将 overlayColor 设置为与背景相同的颜色。

有关其内部工作原理的详细信息,请参阅 Fresco 文档

类型
字符串

resizeMode

确定当框架与原始图像尺寸不匹配时如何调整图像大小。默认为 cover

  • cover: 统一缩放图像(保持图像的纵横比),以便

    • 图像的两个尺寸(宽度和高度)将等于或大于视图的相应尺寸(减去填充)
    • 缩放图像的至少一个尺寸将等于视图的相应尺寸(减去填充)
  • contain: 统一缩放图像(保持图像的纵横比),使图像的两个尺寸(宽度和高度)都小于或等于视图的相应尺寸(减去填充)。

  • stretch: 独立缩放宽度和高度。这可能会改变源的纵横比。

  • repeat: 重复图像以覆盖视图的框架。图像将保持其大小和纵横比,除非它大于视图,在这种情况下,它将被均匀缩小,以便它包含在视图中。

  • center: 沿两个维度将图像居中于视图中。如果图像大于视图,则将其均匀缩小,使其包含在视图中。

类型默认
枚举('cover', 'contain', 'stretch', 'repeat', 'center')'cover'

objectFit

确定当帧与原始图像尺寸不匹配时如何调整图像大小。

类型默认
枚举('cover', 'contain', 'fill', 'scale-down')'cover'

tintColor

将所有非透明像素的颜色更改为 tintColor。

类型
颜色