Saltearse al contenido

DetailsInfoCard

Este widget muestra una tarjeta informativa que presenta un ícono en un fondo redondeado, seguido del valor y el tipo de información.

Importación

import 'package:togie/widgets/general/details_info_card.dart';

Constructor:

const DetailsInfoCard({
super.key,
this.icon,
required this.type,
required this.value,
this.iconBackgroundColor,
this.visible = true,
this.onTap,
});

Parámetro del constructor:

ParámetroTipoDescripción
iconIconData?Icono a mostrar en la tarjeta.
typeStringDescripción o tipo de información a mostrar.
valueStringValor principal que se muestra en la tarjeta.
iconBackgroundColorColor?Color de fondo del contenedor del ícono.
visibleboolDetermina si la tarjeta es visible o no.
onTapvoid Function()?Callback que se ejecuta al pulsar la tarjeta.

Ejemplo de uso:

DetailsInfoCard(
icon: FontAwesomeIcons.infoCircle,
type: "Tipo de Información",
value: "Valor de la Información",
iconBackgroundColor: Colors.blue,
onTap: () {
// Acción al pulsar la tarjeta
},
)

DetailsInfoCard