Flutter: el tutorial de texto (texto) más detallado

Introducción al texto

para mostrarcartacomponente s. estilo centralestilocontrol de atributos

Atributos	efecto
estilo	Estilo de fuente TextStyle
texto alineado	alineación del texto
dirección del texto	dirección del texto
Desbordamiento	El estilo que se muestra al final del texto;
textScaleFactor	proporción de tamaño de texto
lineas maximas	Número máximo de filas

Propiedades de estilo de texto TextStyle:

Atributos	efecto
color	color de texto
color de fondo	color de fondo
tamaño de fuente	tamaño de fuente
fuentePeso	peso de fuente
Estilo de fuente	Estilo de fuente
espaciado de letras	espaciado de letras
espacio entre palabras	espaciado por palabra
línea de base de texto	línea base de texto
decoración	Añadir sobrerayado, subrayado, tachado
decoraciónColor	color del guión
decoracionEstilo	El estilo puede controlar el dibujo de líneas continuas, líneas discontinuas, dos líneas, puntos, líneas onduladas, etc.

class TextWidget extends StatelessWidget {
    
    
  @override
  Widget build(BuildContext context) {
    
    
    return Container(
      child: const Text(
        '字体大小字体大小字体大小字体大小字体大小字体大小字体大小',
        style: TextStyle(
        backgroundColor: Colors.blueAccent,
          color: Colors.red,
          fontSize: 20,
          fontWeight: FontWeight.w700,
          // letterSpacing: 20,
          textBaseline: TextBaseline.ideographic,
        ),
      ),
    );
  }
}

Claramente, el espaciado de la fuente ha cambiado.

        Text('height: 用在Text控件上的时候，会乘以fontSize做为行高,所以这个值不能设置过大',
              style: TextStyle(
                color: Colors.green,
                height: 2.0,
              )),

          Text('decoration: TextDecoration.overline 上划线',
              style: TextStyle(
                  color: Colors.red,
                  decoration: TextDecoration.overline,
                  fontSize: 20,
                  decorationStyle: TextDecorationStyle.wavy)),

        Text('decoration: TextDecoration.lineThrough 删除线',
              style: TextStyle(
                  fontSize: 20,
                  decorationColor: Colors.blueAccent,
                  decoration: TextDecoration.lineThrough,
                  decorationStyle: TextDecorationStyle.dashed)),

          Text('decoration: TextDecoration.underline 下划线',
              style: TextStyle(
                  decorationColor: Colors.red,
                  fontSize: 20,
                  decoration: TextDecoration.underline,
                  decorationStyle: TextDecorationStyle.dotted)),

          Text(
            'wordSpacing: 字或单词间距',
            style: TextStyle(
                fontSize: 20,
                // letterSpacing: 10.0,
                wordSpacing: 10.0),
          ),

        Text(
            'letterSpacing: 字符间距',
            style: TextStyle(
              letterSpacing: 10.0,
              // wordSpacing: 15.0
            ),
          ),

      Text(
            'fontStyle: FontStyle.italic 斜体',
            style: TextStyle(
              fontStyle: FontStyle.italic,
            ),
          ),

          Text(
            'fontWeight: 字重',
            style: TextStyle(fontSize: 30, fontWeight: FontWeight.w700),
          ),