ОТКРОЙТЕ ДЛЯ СЕБЯ ФЛАТТЕР - НЕДЕЛЯ № 18
Объедините несколько стилей в строке с RichText во Flutter
В большинстве случаев виджет «Текст» удовлетворит все ваши потребности. Хотя, если вы столкнетесь с ситуацией, когда вам нужно несколько стилей для каждой строки, виджет Текст вам не лучший друг.
К счастью, команда Flutter разработала виджет RichText
, отвечающий таким требованиям.
Если вы хотите отображать текст с разными шрифтами, цветом, размером и т. Д. В одной строке, используйте RichText
с TextSpans
.
Для этого необходимо передать дерево TextSpans
в свойство text
, а затем указать стиль для каждого узла.
Намного легче понять и закодировать что-то, когда мы ясно видим, чего на самом деле хотим достичь. Готовый дизайн - это все.
Посмотрите в приведенном ниже коде, как легко добиться этого с помощью виджета RichText
.
Вывод
Если вы поклонник коротких интересных статей по различным темам Flutter и хотите выработать у меня привычку изучать Flutter со мной в течение следующих 11 недель, вы можете читать мои статьи каждый вторник.
Если у вас есть какие-либо вопросы или комментарии по поводу этой статьи, дайте мне знать в разделе комментариев.
Для тех, кто хочет окунуться в наше путешествие по Flutter, ссылки за предыдущие недели можно найти ниже:
- Неделя №14 - Мои декабрьские рекомендации по пакетам Flutter
- Неделя №15 - Реактивное программирование во флаттере
- Неделя №16 - Асинхронный дротик: изоляторы и циклы событий
- Неделя №17 - Создание макета для экрана настроек в мгновение ока во Flutter
Увидимся на следующей неделе. Не прерывай серию!