首页 > 解决方案 > 如何在单列中将小部件向右对齐?

问题描述

我希望小部件正确对齐,但使用单列。还有其他方法可以对齐这些项目吗?

代码:

Column(LayoutPadding(20.dp)) {
    Align(alignment = Alignment.TopRight) {
        Text(text = "0")
        Text(text = "testOperation")
    }
}

结果:

(RIGHT ALIGNED) 0

预期的:

(RIGHT ALIGNED) 0 
(RIGHT ALIGNED) testOperation

标签: androidandroid-jetpack-compose

解决方案


You should try like this,

        Align(alignment = Alignment.TopRight) {
            Column(LayoutPadding(20.dp)){
                Text(text = "0")
                Text(text = "testOperation")
            }
        }

Or like this, depending on your usage.

    Column(LayoutPadding(20.dp)) {
        Align(alignment = Alignment.TopRight) {
            Column(){
                Text(text = "0")
                Text(text = "testOperation")
            }
        }
    }

You can align each Text using Alignment.TopRight, BottomRight and so on.

Column(LayoutPadding(20.dp)) {
    Column(){
        Text(text = "0")
        Align(alignment = Alignment.TopRight) {
            Text(text = "testOperation")
        }
    }
}

推荐阅读