相关疑难解决方法(0)

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

尝试对齐文本元素,如下图所示:

在此输入图像描述

如何在 Jetpack Compose 中做到这一点?

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

android android-layout android-jetpack android-jetpack-compose

6
推荐指数
1
解决办法
4382
查看次数

在 Jetpack compose 中制作一行旋转文本

我想要制作一个Row-90 度旋转的Text可组合项,以制作如下所示的内容:

一排旋转的文本

然而这段代码(重现案例):

@Preview(showBackground = true, backgroundColor = 0xffffffff)
@Composable
fun Preview_Row_With_Rotated_Text() {
    Row {
        Text(
            text = "A text",
            modifier = Modifier
                .padding(2.dp)
                .rotate(-90f),
            maxLines = 1,
        )
        Text(
            text = "A text which is a bit longer",
            modifier = Modifier
                .padding(2.dp)
                .rotate(-90f),
            maxLines = 1,
        )
        Text(
            text = "A text which is kinda longer than previous one",
            modifier = Modifier
                .padding(2.dp)
                .rotate(-90f),
            maxLines = 1,
        )
    }
}
Run Code Online (Sandbox Code Playgroud)

产生这个:

文本行的结果

使用可组合项Row …

android android-jetpack-compose

2
推荐指数
1
解决办法
2073
查看次数