Flutter — Widgets de texto

2024-02-04T18:00:00-05:00 | 2 minutos de lectura | Actualizado en 2025-01-24T07:42:46-05:00

jaimetellezb

Tabla de Contenido

Tabla de Contenido
Introducción
Conclusión
Referencias

Introducción

Los widgets de texto son los que nos permiten agregar textos en nuestra aplicación con la particularidad de que podemos cambiar sus estilos y fuentes, acomodándolos a las necesidades particulares que tengamos en la aplicación.

Este widget contiene un estilo por defecto que se aplica a los widget Text que no se les especifica un estilo en particular. En pocas palabras, DefaultTextStyle es el estilo por defecto de los Text.

Contiene un par de métodos estáticos:

merge anula los estilos que estén creados dentro del hijo y crea un estilo predeterminado.

DefaultTextStyle.merge(
  style: const TextStyle(
      fontSize: 30,
      fontFamily: 'Italic',
      fontWeight: FontWeight.bold),
  child: const Text(
    'DefaultTextStyle.merge',
  ),
),

of obtiene la instancia de DefaultTextStyle dentro del widget actual.

DefaultTextStyle style = DefaultTextStyle.of(context);

default

Este widget es una cadena de texto con un estilo, incluso puede dividirse en varias líneas pero el estilo es igual no puede modificarse por línea. En caso de no establecerse un estilo toma por defecto el DefaultTextStyle.

Text(
  'Hola Mundo, máximo caracteres!!',
  textAlign: TextAlign.center,
  style: TextStyle(fontWeight: FontWeight.bold),
)

Constructores

Text() es el constructor habitual que contiene las propiedades de este widget.
Text.rich() crea un widget de texto donde el estilo de la cadena puede modificarse. Esto permite usar un TextSpan, el cual es una línea de un párrafo.

Hay otra característica que se puede utilizar con los Text, por defecto el texto del widget no puede seleccionarse, pero hay otro widget que se puede utilizar para lograr realizarlo SelectionArea. Este widget permite seleccionar los los widgets en este caso texto dentro de un área seleccionada. Pero también hay una propiedad que hace que el texto no sea seleccionable SelectionContainer.disabled().

text

El widget RichText permite crear párrafos de textos, que puede modificar sus líneas de acuerdo a cada necesidad lo que indica que puede utilizar estilos diferentes. Es muy similar al Text.rich. Los textos se agregan en varios TextSpan.

rich-text