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

Question

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

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

但是，如果我们想要获取文本可组合项中的点击位置，我们可以使用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 ->

    }
)