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