TextInput placeHolder Alignment

Каков наилучший способ для выравнивания текста заполнителя для компонента TextInput? Я уже пытался использовать компонент стилей, как описано ниже. Кажется, для этого нет свойства.

render() {
    return (
        <View style={styles.container}>
             <TextInput
                style={styles.textInput}
                onChangeText={(text) => this.setState({
                    username: text
                })}
                placeholder='Add Username'
             />
      </View>
    );
}

}

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,
 }

});

Ответ 1

Добавьте textAlign: 'center' в свой текстовый стиль ввода.

Ответ 2

Добавьте textAlign={'center'} как свойство в компонент TextInput.