Виджет Text
Виджет Text рисует одну строку или переносимый абзац.
Текст передают позиционным аргументом или в параметр data.
Внешний вид задаёт параметр style типа
TextStyle.
Выравнивание строк - textAlign, обрезка длинного текста - overflow.
Параметр maxLines ограничивает число строк.
Синтаксис
Text(
'abcde',
style: TextStyle(fontSize: 16),
)
Параметры
| Параметр | Описание |
|---|---|
data |
Строка для вывода. Можно передать первым позиционным аргументом без имени параметра. |
style |
Стиль текста: шрифт, размер, цвет.
Принимает TextStyle.
Если не задан, берётся из
DefaultTextStyle предка.
|
textAlign |
Выравнивание абзаца. Принимает
TextAlign.
|
overflow |
Поведение текста, который не влезает в maxLines.
Принимает TextOverflow.
|
maxLines |
Максимум строк. При null перенос не ограничен
числом строк, если softWrap включён.
|
softWrap |
Разрешить перенос по словам. По умолчанию true.
|
Методы
| Метод | Описание |
|---|---|
rich |
Строит текст из дерева TextSpan:
разные стили в одном абзаце.
|
Пример
Давайте выведем простую подпись:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: Text('abcde'),
),
),
),
);
}
На экране по центру появится строка 'abcde'
стилем по умолчанию темы.
Пример
Давайте зададим размер, цвет и выравнивание:
import 'package:flutter/material.dart';
void main()
{
runApp(
MaterialApp(
home: Scaffold(
body: Center(
child: SizedBox(
width: 200,
child: Text(
'12345',
textAlign: TextAlign.center,
style: TextStyle(
fontSize: 24,
color: Colors.blue,
fontWeight: FontWeight.bold,
),
),
),
),
),
),
);
}
На экране строка '12345' будет крупной,
синей, жирной и по центру блока шириной 200.
Смотрите также
-
виджет
RichText,
который рисует текст из нескольких кусков с разным стилем -
виджет
SelectableText,
который позволяет выделить и скопировать текст -
класс
TextStyle,
который задаёт шрифт, размер и цвет текста -
перечисление
TextAlign,
которое выравнивает строки абзаца