跳到主要内容
版本:Next

图片样式属性

示例

图片缩放模式

图片边框

图片圆角

图片色调

参考

属性

backfaceVisibility

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

类型默认值
enum('visible', 'hidden')'visible'

backgroundColor

类型
颜色

borderBottomLeftRadius

类型
number

borderBottomRightRadius

类型
number

borderColor

类型
颜色

borderRadius

类型
number

borderTopLeftRadius

类型
number

borderTopRightRadius

类型
number

borderWidth

类型
number

opacity

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

类型默认值
number1.0

overflow

类型默认值
enum('visible', 'hidden')'visible'

overlayColor
Android

当图像具有圆角时,指定 overlayColor 会使角落中剩余的空间填充为纯色。这在 Android 的圆角实现不支持的情况下很有用:

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

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

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

类型
string

resizeMode

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

  • cover:按比例缩放图像(保持图像纵横比),使得:

    • 图像的两个维度(宽和高)都将大于或等于视图对应维度(减去内边距)
    • 缩放后图像至少有一个维度将等于视图对应维度(减去内边距)
  • contain:按比例缩放图像(保持图像纵横比),使得宽和高都将小于或等于视图对应维度(减去内边距)。

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

  • repeat:重复图像以覆盖视图的框架。图像将保持其尺寸和纵横比,除非它大于视图,在这种情况下它会按比例缩小以适配视图。

  • center:在两个维度上都将图像居中显示在视图中。如果图像大于视图,则按比例缩小以使其包含在视图中。

类型默认值
enum('cover', 'contain', 'stretch', 'repeat', 'center')'cover'

objectFit

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

类型默认值
enum('cover', 'contain', 'fill', 'scale-down')'cover'

tintColor

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

类型
颜色