如何使用Jetpack Compose旋转垂直堆叠文本？

Question

尝试对齐文本元素，如下图所示：

在Jetpack Compose中如何做？

通常，我将使用具有垂直方向的线性布局和具有rotation of 90的TextViews。想知道如何在撰写中实现这一目标。

Answer 1

我没有找到轮换后获取“ wrap_content”的方法，但希望对您有所帮助：

Column (...) {
    Text("Element 1",
        style = TextStyle(textAlign = TextAlign.Center),
        modifier = Modifier
        .drawBackground(color = Color.Red)
        .padding(16.dp)
        .size(20.dp, 100.dp)
        .drawLayer(
            rotationZ = -90f
        )
        .size(100.dp, 20.dp)
    )
}

Answer 2

compose_verion：1.0.0-beta02

要旋转元素，您可以使用 Modifier.rotate() 修饰符

Column {
     Text(text = "text", modifier = Modifier.rotate(-90f))
     Text(text = "text", modifier = Modifier.rotate(-90f))
     Text(text = "text", modifier = Modifier.rotate(-90f))
}