Version: 3.0.0-next.38

Overlay

Overlay is the fundamental component for positioning and controlling new components on top of existing ones.

Import#

import { Overlay, useOverlay } from 'native-base';

Examples#

Usage#

Customised#

Props#

NameTypeDescriptionDefault
disableOverlaybooleanIf true, it disables the overlay.false
positionbottom, center, topVertically position the component on the overlay.-
defaultBackgroundColorstringSet background color of overlay.-
animationDurationnumberDuration for fade animation of the overlay.-