title: How to wrap text within multiline react native textInput
body: <p>I am trying to implement a multiline text input in react native, but when user types the text doesn't get wrapped but gets written horizontally on the same line,</p>
  
  <p>the code for my text input is as follows</p>
  
  <pre><code>&lt;View style={[styles.container, props.containerStyles]}&gt;
    &lt;TextInput 
      style={styles.placeholderStyle} 
      placeholder={"Placeholder text"}
      value={this.state.reviewBody}
      onChangeText={body =&gt; this.setState({ reviewBody: body })}
      numberOfLines={5}
      textAlignVertical={"top"}
      textBreakStrategy={"highQuality"}
      underlineColorAndroid={"transparent"}
      autoCorrect
    /&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>and the styles are,</p>
  
  <pre><code>const styles = StyleSheet.create({
    container: {
      flex: 1,
      borderWidth: 2,
      borderColor: "#f4f4f4",
      width: WIDTH - 40,
      maxWidth: WIDTH - 40,
      minWidth: WIDTH - 40,
      alignItems: "center",
      justifyContent: "space-between",
      paddingHorizontal: 5,
      marginTop: 10,
      flexWrap: "wrap",
    },
    placeholderStyle: {
      fontSize: 11,
      padding: 0,
      flex: 1,
      width: WIDTH - 40,
      maxWidth: WIDTH - 40,
      minWidth: WIDTH - 40,
      flexWrap: "wrap",
      overflow: "scroll"
    },
  </code></pre>