Jetpack Compose align input text in TextField

Question

I would like to achieve similar behaviour with TextField from Jetpack Compose like from old school XML layout:

<EditText android:id="@+id/some_id" android:layout_width="match_parent" android:layout_height="wrap_content" android:gravity="right" /> <!-- or end -->

When I try this approach:

TextField(value = "", onValueChange = { }, textAlign = TextAlign.End)

It simply just doesn't work because textAlign property doesn't exists in TextField. Then how to do input text alignment like TextAlign.Center, TextAlign.End, TextAlign.Justify and so on for TextField?

Phil Dukhov · Accepted Answer · 2021-07-25 12:46:17Z

83

You can do it through textStyle.

TextField( value = "", onValueChange = { }, textStyle = LocalTextStyle.current.copy(textAlign = TextAlign.End) )

LocalTextStyle.current is the default value for TextField, you can replace it by your own.

answered Jul 25, 2021 at 12:46

Phil Dukhov

91k22 gold badges276 silver badges302 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Arsenius Over a year ago

Thanks, then why textStyle doesn't exist for Text and textAlign doesn't exist for TextField?

Phil Dukhov Over a year ago

In Text it's called style. I'm not sure why such design is taken, probably because changing align for TextField is not needed that often. You can set textAlign for Text the same way as for TextField, but it also has textAlign that'll override the style value.

Collectives™ on Stack Overflow

Jetpack Compose align input text in TextField

1 Answer 1

2 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Related