title: Expandible TextInput to maximum number of lines in react-native
body: <p>I am trying to make a TextInput where the user can input texts up to a maximum of say four lines. The user can continue inputting text as the textinput now auto scrolls. </p>
  
  <pre><code>const InputNoLabel = ({ value, onChangeText, placeholder, 
  secureTextEntry, onContentSizeChange, height }) =&gt; {
  const { inputStyle, containerStyle } = styles;
   return (
    &lt;View style={containerStyle}&gt;
    &lt;TextInput
      underlineColorAndroid='transparent'
      secureTextEntry={secureTextEntry}
      placeholder={placeholder}
      autoCorrect={false}
      style={[inputStyle, { height }]} //height: height
      value={value}
      onChangeText={onChangeText}
      onContentSizeChange={onContentSizeChange}
      multiline={true}
      editable={true}
    /&gt;
   &lt;/View&gt;
   );
  };
  </code></pre>
  
  <p>onContentSizeChange I manually change the height of my container passing a new height but when I reach my maximum height, any more text I type is simply hidden.</p>
  
  <pre><code> &lt;View style={rowContainer}&gt;
       &lt;InputNoLabel 
       label="Enter Text Here"
       placeholder="Name"
       onChangeText={this.onTextChange.bind(this)}
        /* value={this.state.value} */
        height={this.state.height}
        onContentSizeChange={this.onContentSizeChange.bind(this)}
       /&gt;
    &lt;/View &gt;
  
   onContentSizeChange() {
      this.setState({
           height: Math.max(48, this.state.height + 16) 
       });
   }
  </code></pre>
  
  <p>How do I get the TextInput to resize to a maximum number of lines for input but also but also allow for more input but this time round only scrolling the text</p>