Composeでサイズの違うテキストの下部を揃える方法です。
ポイントアプリなので、数字のポイントと単位でサイズが違うけど位置が揃っているデザインなどがあったりします。
その時に便利な方法です。
TextSample.kt
@Composable
fun TextSample() {
Row {
Text(
text = "1000",
modifier = Modifier.alignByBaseline(),
maxLines = 1,
fontSize = 25.sp
)
Text(
text = "P",
modifier = Modifier.alignByBaseline(),
maxLines = 1,
fontSize = 10.sp
)
}
}
alignByBaseline()
を設定するといい感じに揃えてくれます。