Skip to main content

Overlay

Overlay view with types
(code example)

info

This component extends Image props.

Usage​

Live Editor
<Image
 source={{uri: 'https://github.com/wix/react-native-ui-lib/blob/master/demo/src/assets/images/card-example.jpg'}}
 overlayType={Image.overlayTypes.BOTTOM}
/>
Result
Loading...

API​

color​

The overlay color string

customContent​

Custom overlay content to be rendered on top of the image JSX.Element

intensity​

The intensity of the gradient. low | medium | high

type​

The type of overlay to set on top of the image vertical | top | bottom | solid (OverlayTypeType)