Styling specific line of Text on Jetpack Compose

Question

So, it's kind of a simple styling.

Text(
    text = "some text which can extends to many lines"
)

how would someone build an annotated string to style only specif lines of the text? And by line I mean what it's actually rendering as a line - and not something predefined as a list of sub strings.

I've imagine to make a use of combined textLayoutResult with the annotated capability, but by reading the documentation I don't have much clue how to do so.

The plan was to the TextLayoutResult to retrieve the number of lines rendered on text. Then, it should be theoretically possible to retrieve the sub string on each of the lines rendered. And by pushing them on the annotated processor, the desired results would be achieved.

What am I missing?

Answer 1

I've managed to achieve the desired effect.

For those who want to do, you will need at least:

• Two Text components;
• A mutable state to keep track of offset on the text;

You limit the first Text by the number of maxLines - 1 and uses TextLayoutResult to retrieve the last offset of the last line. Then, you just update the state on the composable and create another Text component with the substring which starts from the last one. Then, you can apply the filters that you wish on this one.

Repeate the process for as many lines as you wish.