Jetpack Compose — центрирование текста ⇐ Android

[Anonymous]

Я использую Jetpack Compose для создания простой флэш-карты.
Идея состоит в том, что вы щелкаете по флэш-карте, и она дает вам ответ.
Однако я застрял на основной проблеме.
К сожалению... я даже не смог найти официальную документацию, поэтому мой стиль обучения заключался в доверии системе автозамены...
В любом случае, Я считаю, что проблема связана либо с Box(), либо с Text().
Я добавил Align.CenterEnd для гравитации поля. Однако, похоже, это единственный способ центрировать прямоугольник. С другой стороны, Text() не предоставляет никаких методов для этого (он имеет гравитацию, но, похоже, ничего не меняет)
Рука в правильном направлении была бы удивительной.
Кстати, я знаю, что это даст бесплатные ответы. Но как мне изменить текст $question внутри клика. Как я думал, Composables обновятся?... таким образом, должна ли регенерироваться на экране? а может нет?
Спасибо!

Код: Выделить всё

 val typography = MaterialTheme.typography

val context = ContextAmbient.current
var question = "How many Bananas should go in my Smoothie?"

Column(modifier = Modifier.padding(30.dp).then(Modifier.fillMaxWidth())
.then(Modifier.wrapContentSize(Alignment.Center))
.clickable(onClick = { Toast.makeText(context, "3 Bananas are needed!", Toast.LENGTH_LONG).show()} ) /*question = "3 Bananas required"*/
.clip(shape = RoundedCornerShape(16.dp))) {
Box(modifier = Modifier.preferredSize(350.dp)
.gravity(align = Alignment.CenterHorizontally)
.border(width = 4.dp, color = Gray, shape = RoundedCornerShape(16.dp)),
shape = RoundedCornerShape(2.dp),
backgroundColor = DarkGray,
gravity = Alignment.CenterEnd) {
Text("$question",
style = typography.h4,
)
}
}

Подробнее здесь: https://stackoverflow.com/questions/637 ... ering-text