В этой статье будет рассказано о том, как иметь несколько стилей в одном Text с помощью Jetpack Compose.

Помните, как каждый раз, когда вам нужно было применить несколько стилей к одному TextView в XML, вы натыкались на решение, которое использовало либо Html.fromHtml, либо SpannableString вместе с некоторой магией индекса.

Что ж, эти дни прошли. Используя Jetpack Compose, мы можем легко добиться этого с помощью AnnotatedString . Мы можем создать его с помощью buildAnnotatedString и просто передать в Text компонуемый.

Даст нам:

Приятно то, что если вы установите цвет непосредственно для текста, например, AnnotatedString также будет использовать его по умолчанию. Затем вы все еще можете переопределить его с помощью SpanStyle позже.

Даст нам:

Вещи, которые вы также можете настроить с помощью SpanStyle:

  • цвет
  • размер шрифта
  • шрифтВес
  • стиль шрифта
  • семейство шрифтов
  • фон
  • текстУкрашение
  • тень
  • и многое другое!

Вот оно! Спасибо, что прочитали мою первую статью! 🥳

Если хотите, можем подключиться на Github или LinkedIn.