Android Jetpack Compose text that starts next to the image and continues below it

Question

How can I make a design like the image with Jetpack Compose? I searched a lot, but I couldn't get any answer similar to the structure I wanted.

Answer 1

You can try out Romain's newest library

Composable widget for Jetpack Compose that allows to flow text around arbitrary shapes over multiple columns.

to achieve this and much more: https://github.com/romainguy/combo-breaker

Answer 2

How about using a simple Text only, but inside a Box where we can clip the size of the image using modifier!!

Box {
  Image(modifier = modifier.clicp(RoundedCornerShape(...)))
  Text(...)
}

modifier.clip(...) is something which can do the trick.

Answer 3

You can add Images inside text using AnnotatedString and inLineContent parameter of Text Composable like How adding ImageSpan in jetpack compose Text

or you can use Box Composable and Clip your image using Modifier.clip(Shape)