Skip to main content
Version: 0.63

Image Style Props

Examples​

Reference

Props​

borderTopRightRadius​

TypeRequired
numberNo

backfaceVisibility​

TypeRequired
enum('visible', 'hidden')No

borderBottomLeftRadius​

TypeRequired
numberNo

borderBottomRightRadius​

TypeRequired
numberNo

borderColor​

TypeRequired
colorNo

borderRadius​

TypeRequired
numberNo

borderTopLeftRadius​

TypeRequired
numberNo

backgroundColor​

TypeRequired
colorNo

borderWidth​

TypeRequired
numberNo

opacity​

TypeRequired
numberNo

overflow​

TypeRequired
enum('visible', 'hidden')No

resizeMode​

TypeRequired
enum('cover', 'contain', 'stretch', 'repeat', 'center')No

tintColor​

Changes the color of all the non-transparent pixels to the tintColor.

TypeRequired
colorNo

overlayColor​

When the image has rounded corners, specifying an overlayColor will cause the remaining space in the corners to be filled with a solid color. This is useful in cases which are not supported by the Android implementation of rounded corners:

  • Certain resize modes, such as 'contain'
  • Animated GIFs

A typical way to use this prop is with images displayed on a solid background and setting the overlayColor to the same color as the background.

For details of how this works under the hood, see https://frescolib.org/docs/rounded-corners-and-circles.html

TypeRequiredPlatform
stringNoAndroid