Класс TextDecoration

Класс TextDecoration передают в decoration у TextStyle. Можно включить одну линию или несколько сразу. Несколько значений объединяют через статический метод combine.

Синтаксис

TextStyle(decoration: TextDecoration.underline)

Значения

Значение	Описание
`none`	Без линий. Значение по умолчанию.
`underline`	Линия под текстом.
`overline`	Линия над текстом.
`lineThrough`	Линия посередине, зачёркивание.

Пример

Давайте подчеркнём строку:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Text(
						'abcde',
						style: TextStyle(
							decoration: TextDecoration.underline,
						),
					),
				),
			),
		),
	);
}

На экране под 'abcde' появится горизонтальная линия.

Пример

Давайте зачеркнём текст:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: Text(
						'12345',
						style: TextStyle(
							decoration: TextDecoration.lineThrough,
							decorationColor: Colors.red,
						),
					),
				),
			),
		),
	);
}

На экране через строку '12345' пройдёт красная линия.

Смотрите также

перечисление TextDecorationStyle,
которое задаёт вид линии: сплошная, пунктир
класс TextStyle,
где включают decoration и decorationColor
класс FontWeight,
который меняет толщину букв
виджет Text,
который показывает текст с украшениями