Виджет RichText используется для отображения текста с несколькими стилями и цветами в одном абзаце. Он позволяет отдельно настраивать различные разделы текста, например, изменять цвет и размер шрифта или даже добавлять действия.

Вы можете использовать этот виджет для создания более визуально интересных и увлекательных текстов, которые обязательно привлекут внимание ваших пользователей! Например, новостное приложение, которое отображает статьи с богатым форматированием текста, таким как жирный шрифт, курсив, подчеркивание, различные размеры шрифта и цвета.

рич 1

Добавление виджета RichText

Чтобы добавить виджет RichText:

  • Сначала нажмите на + Добавить виджет, перетащите виджет RichText с вкладки Базовые элементы или добавьте его непосредственно из дерева виджетов.
  • По умолчанию добавляется только один виджет TextSpan (участок текста); чтобы добавить больше, перейдите на панель свойств и нажмите кнопку Add TextSpan.
  • Чтобы стилизовать любой TextSpan, выберите значок настройки (с буквой A) и выберите Стиль текста.
  • Чтобы добавить действие, выберите любой RichTextSpan в дереве виджетов, перейдите на панель свойств, выберите действия и добавьте действие, как это делается обычно.
рич 2

Настройка

Вы можете настроить внешний вид и поведение этого виджета с помощью различных свойств, доступных на панели свойств.

Добавление подкладок

Здесь описано, как добавить подложку.

Настроить выравнивание

Здесь приведены инструкции по настройке выравнивания.

Стилизация текста

Здесь приведены инструкции по стилизации текста.

Изменение высоты строки

Здесь приведены инструкции по изменению высоты строки.

Настройка расстояния между буквами

Ниже приведены инструкции по настройке расстояния между буквами.

Выравнивание текста внутри

Здесь приведены инструкции по выравниванию текста внутри этого виджета.

Установить максимальное количество строк

Здесь приведены инструкции по установке максимального количества линий.

Добавление действия

Чтобы выполнить какое-либо действие при нажатии на этот виджет, добавьте Action.

Отображение данных бэкенда

Посмотрите, как получить данные из бэкенда (Firebase/Supabase) и отобразить их на этом виджете.