W3cubDocs

/React Native

ImageStylePropTypes

Props

backfaceVisibility?: enum('visible', 'hidden')

backgroundColor?: color

borderBottomLeftRadius?: number

borderBottomRightRadius?: number

borderColor?: color

borderRadius?: number

borderTopLeftRadius?: number

borderTopRightRadius?: number

borderWidth?: number

opacity?: number

overflow?: enum('visible', 'hidden')

resizeMode?: Object.keys(ImageResizeMode)

tintColor?: color

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

androidoverlayColor?: string

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

© 2015–2017 Facebook Inc.
Licensed under the Creative Commons Attribution 4.0 International Public License.
https://facebook.github.io/react-native/docs/imagestyleproptypes.html