0
@Preview(
    name = "MoneyView",
    showBackground = true,
    widthDp = 320,
    uiMode = UI_MODE_NIGHT_NO,
)
@Composable
fun MoneyView() {
        Row {
            Text(
                text = "$",
                modifier = Modifier.scale(0.5f),
            )
            Text(text = "489")
            Text(
                text = "63",
                modifier = Modifier.scale(0.5f),
            )
        }
}

enter image description here

Notice how the containers of "$" and "63" are shifted towards the bottom right. Why does this happen?

I want the "$" & "63" to be aligned with the top of "489". The only way I figured out to fix this is to add offsets along with the scale. But that feels wrong. How do I fix this the correct way?

My intent here is to just scale the currency symbol and the cents and use alignment to move them around in their own box.

NSaran
  • 561
  • 3
  • 19

0 Answers0