[TextInput] Added support for textAlignment property

[darylrowland]

Added textAlignment property to the TextInput component so that text can be aligned center, left, right or justified.

[vjeux]

textAlign should be in the style attribute, not as a prop of the component. Also, it doesn't merge anymore :(

[phamhieu]

Right now, does TextInput support center align with style attribute?

I tried text-align: center; but nothing happen.

[ee0pdt]

@phamhieu I think you need to use camel case here, i.e. textAlign: center;

[phamhieu]

Just test. Still not work. My code for references.

return (<TextInput style={styles.inputText}
value = {content}
autoFocus = {true}
onChangeText = {(text) => this.setState({'inputText': text}) }
onEndEditing = {() => this.setState({'showTextInput': false}) } >
</TextInput>);

inputText: {
height: 28,
width: SCREEN_WIDTH,
backgroundColor: TEXT_BG,
fontSize: 20,
textAlign: 'center',
color: 'white',
},

result:

[darylrowland]

I've just fixed this in a much better way in a new pull request - #772

Turns out that all that was wrong was that the textAlign css property needed remapping to textAlignment. So luckily a one line change fixes it... nice :)

[marcshilling]

This is fixed in 0.7.0rc

Just wanted to bring this up since I see some people doing it wrong here, textAlign is a prop directly on <TextInput>. Setting it as a style will not work.