TextInput espace réservé à l'Alignement

Quel est le meilleur pourquoi pour aligner le texte de l'espace réservé pour le composant TextInput. J'ai déjà essayé d'utiliser les styles de composant comme indiqué ci-dessous. Il ne semble pas l'être et de la propriété de ce soit.

render() {
    return (
      <View style={styles.container}>
        <View style={styles.container}>
             <TextInput
                style={styles.textInput}
                onChangeText={(text) => this.setState({
                    username: text
                })}
                placeholder='Add Username'
             />
            <Button onPress= {_ => this.onClick() } style={styles.button} >
                    + Add User
            </Button>
         </View>

      </View>
    );
}

onClick(){
    alert(this.state.username);
}

}

const styles = StyleSheet.create({
 container: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
 },
 textInput: {
    height: 40,
    width: 200,
    justifyContent: 'center',
    alignItems: 'center',
    alignSelf: 'center',
    borderColor: 'gray',
    borderWidth: 1,
 },
     button: {
      backgroundColor: 'grey',
      color: 'black',
      fontSize: 15,
      width: 200,
      borderWidth: 1
    },

});
Le texte n'est pas aligné au centre dans mon cas, je suis à l'aide du matériel-kit. quel peut être le problème? ou est-il fonctionne très bien

OriginalL'auteur Shivam Sinha | 2016-05-21