Is there any way to achieve this kind of ordered l...

# compose

[Utkarsh Tiwari]

Is there any way to achieve this kind of ordered list of text? Please notice the varied spacing between the numbers and the text.

[Felix Schütz]

Maybe something like

Row {
  Column {
    // all the numbers
  }
  Column {
    // all the text
  }
}

[Dmitrii Smirnov]

I suggest you to make function for your list item with specified width for number, something like this:

@Composable
fun ListItem(number: Int, text: String) {
    Row {
        Text(
            modifier = Modifier.width(30.dp),
            text = number.toString()
        )
        Text(text = text)
    }
}

[Utkarsh Tiwari]

@Felix Schütz Thought of same but I wonder how to handle the cases when some items are multi-lined?

[Zach Klippenstein (he/him) [MOD]]

Might want to look at this: https://github.com/halilozercan/compose-richtext

[Utkarsh Tiwari]

Here is how I how achieved it: https://gist.github.com/iamutkarshtiwari/b0eceff9ebd955606e060f4d34502b21