react-native/docs/image-style-props.md

id, title, layout, category, permalink, next, previous

id	title	layout	category	permalink	next	previous
image-style-props	Image Style Props	docs	APIs	docs/image-style-props.html	null	text-style-props

Image style props.

Props

• Layout Props...
• Shadow Props...
• Transforms...
• borderTopRightRadius
• backfaceVisibility
• borderBottomLeftRadius
• borderBottomRightRadius
• borderColor
• borderRadius
• borderTopLeftRadius
• backgroundColor
• borderWidth
• opacity
• overflow
• resizeMode
• tintColor
• overlayColor

---

Reference

Props

borderTopRightRadius

Type	Required
number	No

---

backfaceVisibility

Type	Required
enum('visible', 'hidden')	No

---

borderBottomLeftRadius

Type	Required
number	No

---

borderBottomRightRadius

Type	Required
number	No

---

borderColor

Type	Required
color	No

---

borderRadius

Type	Required
number	No

---

borderTopLeftRadius

Type	Required
number	No

---

backgroundColor

Type	Required
color	No

---

borderWidth

Type	Required
number	No

---

opacity

Type	Required
number	No

---

overflow

Type	Required
enum('visible', 'hidden')	No

---

resizeMode

Type	Required
Object.keys(ImageResizeMode)	No

---

tintColor

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

Type	Required
color	No

---

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 http://frescolib.org/docs/rounded-corners-and-circles.html

Type	Required	Platform
string	No	Android