Is there anyway to center text within a TextField horizontally and vertically?

Question

In Android compose is there anyway to center text within a TextField?

    TextField(
    value = text,
    onValueChange = setText,
    maxLines = 2,
    modifier = modifier
        .clip(RoundedCornerShape(10.dp))
        .background(Color(0xffe2ebf0))
        .border(BorderStroke(5.dp, color = MaterialTheme.colors.secondary), shape = RoundedCornerShape(1.dp)),
    textStyle = MaterialTheme.typography.h3,
    keyboardOptions = KeyboardOptions.Default.copy(imeAction = ImeAction.Done),
    keyboardActions = KeyboardActions(onDone = { submit() })

)

Cannot post images yet... So here is a link!

score 1 · Accepted Answer · answered May 26 '21 at 16:56

1

You can use textAlign = TextAlign.Center in the TextStyle.

Something like:

TextField(
    //...your code
    textStyle = MaterialTheme.typography.h3.copy(textAlign = TextAlign.Center),
)

answered May 26 '21 at 16:56

Gabriele Mariotti

320,139
94
887
841

Cheers. That isn't necessarily intuitive compared to Compose solutions to other UI attributes. – Lucas May 26 '21 at 17:36
Certainly compose has never heard of the Law of Demeter ... – Mark May 26 '21 at 17:48
This would only center the text horizontally tho. – Alejandra Apr 26 '22 at 21:10

Is there anyway to center text within a TextField horizontally and vertically?

1 Answers1