Dialog
Dialogs inform users about a task and can contain critical information, require decisions, or involve multiple tasks.
You can wrap any component with a simple Dialog component to display quick information to the user.
Also receives all Overlay props except fullscreen
.
Import
import { Dialog } from "@rneui/themed";
Usage
Web-platform specific note:
You must pass a valid React Native
Modal
component implementation intoModalComponent
prop becauseModal
component is not implemented yet inreact-native-web
...
import Modal from 'modal-react-native-web';
...
<Dialog ModalComponent={Modal} ... />
...
Props
note
Includes all Overlay props.
Name | Type | Default | Description |
---|---|---|---|
children | ReactNode | Add Enclosed components. | |
onLongPress | GestureResponderEventHandler | Called when a long-tap gesture is detected. | |
onPressIn | GestureResponderEventHandler | Called when a touch is engaged before onPress . | |
onPressOut | GestureResponderEventHandler | Called when a touch is released before onPress . | |
overlayStyle | View Style | Add additional styling to the internal Overlay component. | |
pressableProps | PressableProps except click handlers | None |