android - Jetpack Compose - 如何在 ClickableText 中居中文本

Question

在 Jetpack Compose 中，使用 Text 时，我们可以使用 TextAlign 使文本居中:

Text(
    text = "How many cars are in the garage",
    textAlign = TextAlign.Center
)

但是，如果我们希望在 Text composable 中获得点击的位置，我们使用 ClickableText :

ClickableText(
        text = AnnotatedString("Click Me"),
        onClick = { offset ->
            Log.d("ClickableText", "$offset -th character is clicked.")
        }
    )

但是我看不到如何在 ClickableText 中居中文本？我可以使用重力，但这只会使组件居中，而不是其中的文本。

Answer 1

您可以定义 textAlign在 style范围:

ClickableText(
    text = AnnotatedString("Click Me"),
    style = TextStyle(
        textAlign = TextAlign.Center),
    onClick = { offset ->

    }
)