Overlay

Dev

UsageCode Example

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

TIP

This component extends the Image props.

APIThis is the list of additional props for the component

color

string

The overlay color

customContent

JSX.Element

Custom overlay content to be rendered on top of the image

intensity

low | medium | high

The intensity of the gradient.. Default is OverlayIntensityType.LOW

type

vertical | top | bottom | solid (OverlayTypeType)

The type of overlay to set on top of the image