在 Jetpack compose 中将文本与按钮中的右侧对齐

Question

我有带有文字的按钮：

Button(
                colors = ButtonDefaults.buttonColors(
                    backgroundColor = Color.Transparent,
                    contentColor = colors.primary,
                ),
                elevation = null,
                onClick = {},
                border = BorderStroke(0.dp, Color.Transparent),
            ) {
                Text(
                    text = stringResource(id = R.string.name),
                    fontSize = 12.sp,
                    textAlign = TextAlign.Right
                )
            }

现在按钮中的文本居中。如何将此文本移至此按钮的右侧/末尾。textAlign = TextAlign.Right不工作。

Answer 1

您必须指定width和Button。Text

Button(
    colors = ButtonDefaults.buttonColors(
        backgroundColor = Color.Transparent,
        contentColor = colors.primary,
    ),
    elevation = null,
    onClick = {},
    border = BorderStroke(0.dp, Color.Transparent),
    modifier = Modifier.fillMaxWidth()
) {
    Text(
        text = stringResource(id = R.string.name),
        fontSize = 12.sp,
        textAlign = TextAlign.Right,
        modifier = Modifier.fillMaxWidth(),
    )
}

我已经给出了全宽Button

modifier = Modifier.fillMaxWidth()

也让你Text占据了那个父母width。

modifier = Modifier.fillMaxWidth()