Перечисление TextDecorationStyle

Перечисление TextDecorationStyle передают в decorationStyle у TextStyle вместе с TextDecoration. Цвет линии задаёт отдельное поле decorationColor.

Синтаксис

TextStyle(
	decoration: TextDecoration.underline,
	decorationStyle: TextDecorationStyle.dotted,
)

Значения

Значение	Описание
`solid`	Сплошная линия. Значение по умолчанию.
`double`	Две параллельные линии.
`dotted`	Линия из точек.
`dashed`	Линия из коротких штрихов.
`wavy`	Волнистая линия.

Пример

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

import 'package:flutter/material.dart';

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

На экране под 'abcde' будет пунктирная линия.

Пример

Давайте нарисуем волнистое зачёркивание:

import 'package:flutter/material.dart';

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

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

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

класс TextDecoration,
который включает underline и lineThrough
класс TextStyle,
где задают decorationStyle и decorationColor
виджет Text,
который показывает текст с линиями
перечисление FontStyle,
которое задаёт наклон букв