Modal

Component that present content on top of the invoking screen
(code example)

info

This component extends Modal props.

Usage

Live Editor

<Modal visible={isVisible} onBackgroundPress={() => console.log('background pressed')}>
 <Text text60>Content</Text>
</Modal>

Result

Loading...

API

accessibilityLabel

Overrides the text that's read by the screen reader when the user interacts with the element.\By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space. string

blurView

A custom view to use as a BlurView instead of the default one JSX.Element

enableModalBlur

iOS only

Blurs the modal background when transparent boolean

onBackgroundPress

allow dismissing a modal when clicking on its background (event: GestureResponderEvent) => void

overlayBackgroundColor

The background color of the overlay string

testID

The modal's end-to-end test identifier string

useGestureHandlerRootView

Should add a GestureHandlerRootView boolean