Создаем портфолио за 1 месяц
К концу месяца: 4 классных проекта в вашем портфолио! Стоимость: 100$. Подробности...
86 of 1024 menu
◀ ▶

Виджет 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,
    которое выравнивает строки абзаца
← →
↑
Мы используем cookie для работы сайта, аналитики и персонализации. Обработка данных происходит согласно Политике конфиденциальности.
принять все настроить отклонить