@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),
)
}
}
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.