widget_mensajes.dart 2.26 KB
Newer Older
yenisleydi committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83
import 'package:flutter/material.dart';

// Widget para mostrar alertas de error
Widget alertDanger(String message) {
  return Container(
    // El contenedor se expande a todo el ancho disponible
      width: double.infinity,
      // padding alrededor del contenido
      padding: const EdgeInsets.all(8.0),
      //color de fondo del contenedor
      color: const Color.fromRGBO(192, 57, 43, 0.5),
      child: Row(
        // fila para los íconos y el texto
        children: <Widget>[
          const Icon(
            Icons.error, // Icono de error
            color: Colors.white, // Color del icono
          ),
          const SizedBox(
            width: 10.0, // Espacio horizontal entre el icono y el texto
          ),
          Expanded(
            // Expande el widget de texto para llenar el espacio restante
            child: Text(
              message, // Mensaje de error
              style: const TextStyle(color: Colors.white),
            ),
          )
        ],
      ));
}

// Widget para mostrar alertas de éxito
Widget alertSuccess(String message) {
  return Container(
    // El contenedor se expande a todo el ancho disponible
      width: double.infinity,
      padding: const EdgeInsets.all(8.0),
      color: Colors.lightGreen,
      child: Row(
        children: <Widget>[
          const Icon(
            Icons.check_circle_outline,
            color: Colors.white,
          ),
          const SizedBox(
            width: 10.0,
          ),
          Expanded(
            child: Text(
              message,
              style: const TextStyle(color: Colors.white),
            ),
          )
        ],
      ));
}

// Widget para mostrar alertas de información
Widget alertWait(String message) {
  return Container(
    // El contenedor se expande a todo el ancho disponible
      width: double.infinity,
      padding: const EdgeInsets.all(8.0),
      color: Colors.lightBlueAccent,
      child: Row(
        children: <Widget>[
          const Icon(
            Icons.info,
            color: Colors.white,
          ),
          const SizedBox(
            width: 10.0,
          ),
          Expanded(
            child: Text(
              message,
              style: const TextStyle(color: Colors.white),
            ),
          )
        ],
      ));
}