文本输入占位符对齐 [英] TextInput placeHolder Alignment

问题描述

对齐 TextInput 组件的占位符文本的最佳方法是什么?我已经尝试使用样式组件，如下所述.似乎没有这个属性.

What is the best way to align the placeholder text for TextInput component? I have already attempted to use the styles component as described below. There doesn't seem to be a property for this.

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

});

推荐答案

将 textAlign: 'center' 添加到您的 textInput 样式.

Add textAlign: 'center' to your textInput style.

这篇关于文本输入占位符对齐的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！