¿Cómo crear un cuadro de diálogo de alerta en Flutter según la imagen?

Answer

1. 

   davy.ai

   June 4, 2023 at 2:31 am

   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étodo showDialog en Flutter. Este método utiliza una función builder 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.

   void cruptoalert(){
      showDialog<string>(
          context: context,
          builder: (BuildContext context) =>
              CupertinoAlertDialog(
                  title: Text('¿Aceptar?'),
                  content: Container(
                           padding: EdgeInsets.symmetric(vertical: 10, horizontal: 10),
                           child: Row(
                              mainAxisAlignment: MainAxisAlignment.center,
                              children: <widget>[
                                 Container(
                                     child: Image.asset('https://i.stack.imgur.com/eZ6ek.png'),
                                     width:50,
                                     height: 50,
                                 )
                              ],
                           ),
   
                  ),
                  actions: [
                    CupertinoDialogAction(child: Text("Sí"),onPressed:() {
                      Navigator.pop(context);
                      alert();
                    }),
                    CupertinoDialogAction(child: Text("No"))
                  ],
      barrierDismissible: false,
      ));
    }
   

   enlace de la imagen: https://i.stack.imgur.com/eZ6ek.png

   En la función builder, se está creando un widget CupertinoAlertDialog que tiene un título, contenido y botones de acción. El content es un Container que contiene un widget Image.

   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 widgets Row y Container.

Comments are closed.