Jetpack Compose：文本中断时在行中换行

Question

I have a Row which contains three other Rows - all of them with an image and a text. Now the last row's text wraps into another line (just one letter). That's not always the case as there are different Strings passed to the field but is there a way to say if this text begins to wrap, move it into another line? I can't show code because it's work-related but I illustrated what I imagined it to look like

EDIT: Fixed it by using .lenght and moving stuff to another row if they're too long

Answer 1

A more elegant solution than checking the length of the elements is to use the Flow Layout , from the Accompanist library (as correctly pointed by @Philip Dukhov in the comments).

Unlike the standard Row and Column composables, these layout children across multiple rows/columns if they exceed the available space.

Example of FlowRow

FlowRow {
    repeat(30) {
        Box(
            modifier = Modifier
                .size(64.dp)
                .background(Color.Blue)
                .border(2.dp, Color.DarkGray),
            contentAlignment = Alignment.Center,
        ) {
            Text(it.toString())
        }
    }
}