Skip to main content

FullScreenOverlay

Full screen dim overlay for UI customization.

Example

const YourCustomUI = (props) => {
return (
<FullScreenLayout>
<FullScreenOverlay hideOnPressOverlay />
<View>{/* write code */}</View>
</FullScreenLayout>
);
};

export default createPopup(YourCustomUI);

Props

hideOnPressOverlay

trigger hide on pressed

TypeDefaultRequired
booleanfalseNO

maxOpacity

TypeDefaultRequired
number0.5NO

minOpacity

TypeDefaultRequired
number0NO

overlayColor

TypeDefaultRequired
string'#000000'NO

animationConfig

reanimated WithTimingConfig

TypeDefaultRequired
WithTimingConfigundefinedNO