Examplesโ
Image Resize Modeโ
- Function Component
- Class Component
Image Borderโ
- Function Component
- Class Component
Image Border Radiusโ
- Function Component
- Class Component
Image Tintโ
- Function Component
- Class Component
backfaceVisibility
โ
The property defines whether or not the back face of a rotated image should be visible.
Type | Default |
---|
enum('visible' , 'hidden' ) | 'visible' |
backgroundColor
โ
borderBottomLeftRadius
โ
borderBottomRightRadius
โ
borderColor
โ
borderRadius
โ
borderTopLeftRadius
โ
borderTopRightRadius
โ
borderWidth
โ
opacity
โ
Set an opacity value for the image. The number should be in the range from 0.0
to 1.0
.
overflow
โ
Type | Default |
---|
enum('visible' , 'hidden' ) | 'visible' |
overlayColor
Android
โ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 Fresco documentation.
resizeMode
โ
Type | Default |
---|
enum('cover' , 'contain' , 'stretch' , 'repeat' , 'center' ) | 'cover' |
tintColor
โ
Changes the color of all the non-transparent pixels to the tintColor.