Flutter — Widgets de texto

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.

Widget DefaultTextStyle

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);

Widget Text

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() .

Widget RichText

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. 

Conclusión

Pudimos ver un poco sobre los widgets de texto que podemos usar para textos normales o incluso para párrafos.

¡¡¡Gracias por leer este artículo!!!

Siguiente paso

Veremos sobre los widgets de activos o assets.

Código fuente

GitHub – jaimetellezb/widget-catalog at feature/text-widgets

Referencias

• https://docs.flutter.dev/ui/widgets/text