A modern programming language that makes developers happier.

kotlinlang

How can I make the Text appear exactly on the center of the Row, but the button aligned to the right of the row?
```Row(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.Center,
    verticalAlignment = Alignment.CenterVertically
) {
    Text(
        text = "XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX",
        style = MaterialTheme.typography.titleMedium,
        color = MaterialTheme.colorScheme.onSurface,
        textAlign = TextAlign.Center,
        modifier = Modifier.weight(1f)
    )

    Button(
        onClick = {
            vm.update()
        }
    ) {
        Text("XXXXXXXXXXXXXXXXXXXXXXXXXXX")
    }
}```

the only way I found to do it is change the row by a box, and setting a modifier with align centerEnd on the Button. Maybe it's the only way

you can either use spacer, or Boxscope to use align

Please keep code snippets more than a few lines to the thread

If you want the space that the text is centered in to include the space taken by the button, then yes use Box

Although they will overlap if the available space becomes too small