IsselInfoField

Etiqueta y valor destacado en dos bloques de ancho equivalente.

Etiqueta y valor destacado en dos bloques de ancho equivalente.

Categoría: Información. Uso: Un dato breve de lectura que aporta contexto.

Importa el barrel público y Flutter Material. Código fuente.

Constructor

Esta firma corresponde al código fuente, incluyendo nulabilidad y defaults; las condiciones y el comportamiento se explican debajo.

const IsselInfoField({
    super.key,
    required this.title,
    required this.value,
    this.height = 50,
    this.backColor,
    this.valueBackColor,
  })

Propiedades

“Requerido” significa que debes pasar el argumento, incluso cuando su tipo admite null. Los valores null de color suelen delegar al tema; consulta las notas para el rol efectivo.

Parámetro	Tipo	Requerido	Default	Descripción
key	Key?	No	null	Identidad del widget en el árbol Flutter.
title	String	Sí	—	Texto descriptivo mostrado en el bloque izquierdo.
value	String	Sí	—	Valor mostrado en el bloque derecho.
height	double	No	50	Altura total del campo.
backColor	Color?	No	null	Color de fondo opcional del campo.
valueBackColor	Color?	No	null	Color de fondo opcional del bloque del valor.

Ejemplo

Este archivo define una función que devuelve el widget. Llámala desde build con tus datos/callbacks, y conserva el estado y los recursos en su dueño. No ejecuta callbacks ficticios.

import 'package:flutter/material.dart';
import 'package:issel_code_widgets/issel_code_widgets.dart';

Widget infoFieldExample(BuildContext context, int pending) {
  final colors = Theme.of(context).colorScheme;
  return IsselInfoField(
    title: 'Pendientes',
    value: '$pending',
    backColor: colors.surfaceContainer,
    valueBackColor: colors.surface,
  );
}

Comportamiento y límites

• backColor es el campo externo y valueBackColor el bloque del valor. El valor utiliza primary en negrita.
• Dentro de una tarjeta surface, configura backColor: surfaceContainer y valueBackColor: surface.
• La altura es fija y no incorpora ellipsis en los Text: comprueba títulos/valores largos y escala de texto.
• No repitas con este campo un valor que ya muestra un control editable si no aporta información distinta.

Para ejemplos con estado y composición completos, consulta componentes reutilizables y formularios.