Saltar al contenido principal

Dialog

Modal centrado con título, contenido y botones. Para confirmaciones rápidas sin markup usa Alert. markup use Alert.

Props

NombreTipoPor defectoDescripción
visiblebooleanShows the dialog.
onClose() => voidCalled from the backdrop, close button and back button.
titlestringTitle.
childrenReactNodeBody. Strings are wrapped in a Text.
buttons{text: string; onPress: () => void; variant?: 'text' | 'solid'; color?: string}[]Footer buttons, right aligned.
closeOnBackdropbooleantrueTap the backdrop to close.
showCloseButtonbooleanfalseClose button in the header.
closeIconIconPropbuilt-in crossClose button icon.
animationType'none' | 'fade' | 'slide'fadeModal animation.
widthDimensionValue85%Card width (max 480).
backgroundColorstringtheme backgroundCard color.
backdropColorstringtheme overlayBackdrop color.
radiusnumbertheme radius lgCard radius.
styleStyleProp<ViewStyle>Card style.
titleStyleStyleProp<TextStyle>Title style.