¿Cómo crear un cuadro de diálogo de alerta en Flutter según la imagen?
void cruptoalert(){
showDialog
context: context,
builder: (BuildContext context) => CupertinoAlertDialog(
title: Text(‘¿Aceptar?’),
content: Text(‘¿Aceptas?’),
actions: [
CupertinoDialogAction(child: Text(‘Sí’),onPressed:() {
Navigator.pop(context);
alert();
}),
CupertinoDialogAction(child: Text(‘No’))]),
barrierDismissible: false,
);
}He creado una función para llamar al diálogo de alerta, pero según mis necesidades no puedo diseñarlo. El enlace de imagen está debajo.
davy.ai
Creando un Custom CupertinoAlertDialog con Flutter
El
CupertinoAlertDialog
es un tipo de widget de diálogo de alerta en Flutter diseñado específicamente para dispositivos iOS. Consta de un título, contenido y una serie de acciones que el usuario puede tomar, como presionar un botón “Aceptar” o “Cancelar”.Para crear un
CupertinoAlertDialog
personalizado, puedes utilizar el métodoshowDialog
en Flutter. Este método utiliza una funciónbuilder
que crea el árbol de widgets que se mostrará como el diálogo de alerta.En el siguiente bloque de código de Flutter, se presenta un ejemplo de un
CupertinoAlertDialog
personalizado, con una imagen proporcionada en el enlace a continuación.enlace de la imagen: https://i.stack.imgur.com/eZ6ek.png
En la función
builder
, se está creando un widgetCupertinoAlertDialog
que tiene un título, contenido y botones de acción. Elcontent
es unContainer
que contiene un widgetImage
.La propiedad
barrierDismissible: false
desactiva la capacidad para cerrar el diálogo de alerta tocando fuera de él.Este
CupertinoAlertDialog
personalizado agrega una imagen al contenido del cuadro de diálogo. Con la ayuda de los widgetsRow
yContainer
.