'how to rotate and place text so that some is rotated and some is not in jetpack compose
I have this image already.
What I am trying for is more like
I am new to compose, I am not quite clear on how to do this, so this my fun; thanks!
@Composable
fun MyDate() {
var calendar = Calendar.getInstance()
var month = calendar.getDisplayName(Calendar.MONTH,
Calendar.SHORT, Locale.getDefault())
var day = calendar.get(Calendar.DAY_OF_MONTH).toString()
Column(
horizontalAlignment = Alignment.CenterHorizontally
) {
Text(
modifier = Modifier.rotate(90f),
fontWeight = FontWeight.Bold,
text = month
)
Text(text = day)
}
}
Solution 1:[1]
wrap them in a row
Row() {
Text(
modifier = Modifier.rotate(90f),
fontWeight = FontWeight.Bold,
text = month
)
Text(text = day)
}
Sources
This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.
Source: Stack Overflow
| Solution | Source |
|---|---|
| Solution 1 | Brandon |


