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

Перечисление TextOverflow передают в overflow у Text и других текстовых виджетов. Работает вместе с maxLines и ограничением ширины родителя.

Синтаксис

TextOverflow.ellipsis

Значения

Значение	Описание
`clip`	Лишний текст обрезается по границе без эффектов.
`fade`	Конец текста плавно исчезает.
`ellipsis`	В конце видимой части ставится многоточие.
`visible`	Текст рисуется дальше границы, может выходить за край. Устарело: предпочтительнее `clip`.

Значение по умолчанию: clip.

Пример

Давайте обрежем строку многоточием:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: SizedBox(
						width: 70,
						child: Text(
							'abcde12345',
							overflow: TextOverflow.ellipsis,
							maxLines: 1,
						),
					),
				),
			),
		),
	);
}

На экране в узком блоке строка обрежется и в конце появится '...'.

Пример

Давайте включим плавное затухание:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Center(
					child: SizedBox(
						width: 80,
						child: Text(
							'abcde12345',
							overflow: TextOverflow.fade,
							maxLines: 1,
						),
					),
				),
			),
		),
	);
}

На экране правый край текста будет постепенно исчезать.

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

перечисление TextAlign,
которое выравнивает строки в блоке
виджет Text,
которому передают overflow и maxLines
виджет RichText,
который тоже поддерживает overflow
виджет SelectableText,
который обрезает выделяемый текст