Skip to main content

Modal

<Modal visible={isVisible} onBackgroundPress={() => console.log('background pressed')}>
 <Text text60>Content</Text>
</Modal>
TIP
This component extends the Modal props.
APIThis is the list of additional props for the component

accessibilityLabel
string
​

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.

blurView
JSX.Element
​

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

enableModalBlur
boolean
​

Blurs the modal background when transparentiOS only

onBackgroundPress
(event: GestureResponderEvent) => void
​

allow dismissing a modal when clicking on its background

overlayBackgroundColor
string
​

The background color of the overlay

testID
string
​

The modal's end-to-end test identifier

useGestureHandlerRootView
boolean
​

Should add a GestureHandlerRootView