Skip to main content

Overlay

Overlay view with types
(code example)

info

This component extends Image props.

Usage#

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

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)