React Native multi line TextInput, text is centered
So it turned out the View surrounding the textinput had alignItems: 'center'
which centered the text within the text input.
So changed that to alignItems: this.multiline ? 'flex-start' : 'center',
Also for the android issue, I had to add numberOfLines={5}
which fixed the letterboxing
If anyone facing the same issue, try textAlignVertical: "top"
This works.
For more info try https://github.com/facebook/react-native/issues/13897
i tried this for you please let me know if its correct
<TextInput
style={styles.input}
value={this.state.value}
onChangeText={text=>this.setState({value:text})}
multiline={true}
underlineColorAndroid='transparent'
/>
style as
input: {
width:200,
borderBottomColor:'red',
borderBottomWidth:1,
},
and expo link may be help you click here