Saltearse al contenido

Image Container

Utilidad que implementa un widget para mostrar imágenes en dos formatos: rectangular y circular. Valida la URL de la imagen, gestiona la descarga y, en caso de error, muestra un placeholder.

Importación

import 'package:togie/utils/image_container.dart';

Métodos

MétodoDescripción
ImageContainer.container() Constructor para crear un contenedor de imagen rectangular, permitiendo configurar dimensiones, márgenes, padding, ajuste de imagen y otros parámetros.
ImageContainer.circle() Constructor para crear un contenedor de imagen circular, configurando propiedades específicas como el radio y el color de fondo.
_validateImage() Método privado que valida la URL de la imagen. Verifica si la URL es nula, vacía o incompatible, y realiza una petición HEAD para confirmar la disponibilidad de la imagen.

Propiedades

PropiedadTipoDescripción
urlString?URL de la imagen a mostrar.
isCircleboolIndica si el contenedor es circular.
widthdouble?Ancho del contenedor (para imagen rectangular).
heightdouble?Alto del contenedor (para imagen rectangular).
marginEdgeInsetsGeometry?Margen alrededor del contenedor.
paddingEdgeInsetsGeometry?Espaciado interno del contenedor.
fitBoxFit?Modo de ajuste de la imagen en el contenedor.
colorColor?Color de fondo o aplicado a la imagen.
colorFilterColorFilter?Filtro de color aplicado a la imagen.
alignmentAlignmentGeometryAlineación de la imagen dentro del contenedor.
borderRadiusBorderRadiusGeometry?Radio de borde para contenedores rectangulares.
radiusdouble?Radio para contenedores circulares.
childWidget?Widget hijo que se superpone a la imagen.
downloadboolIndica si se debe descargar la imagen.
preferences (static)SharedPreferencesReferencia a las preferencias almacenadas, inicializada con Preferences.pref.

Ejemplo de uso:

ImageContainer.container(
width: 120,
height: 120,
url: "...",
borderRadius: BorderRadius.circular(8.0),
),