How to centralize text in textinput

Question

One short question.
Is there a way to centralize text in react-native Textinput?

Here is the markup in jsx:

<TextInput style={styles.input} placeholder="Your Account" /> 

In styles.input, just try to add textAlign:"center", it's not working.

And same as add alignAlign to the markup as an attribute. Could anybody do me a favor? Thx.

Answer 1

You should use the inputText props to align text to center as below

textAlign={'center'} 

And it will look like

<TextInput style={styles.input} textAlign={'center'} placeholder="Your Account" /> 

Answer 2

This bug has been around for a while already, but it looks like a fix will be merged soon: https://github.com/facebook/react-native/pull/772