title: KeyboardAvoidingView is pushing up content with excessive padding in react native
body: <p>I am having trouble getting the KeyboardAvoidingView to work properly. For a similar screen it is working smoothly, however, for another it is pushing up content way too far up on the screen, adding excessive amounts of space in between. Any fix?</p>
  
  <p><a href="https://i.stack.imgur.com/dDOMz.png" rel="noreferrer"><img src="https://i.stack.imgur.com/dDOMz.png" alt="enter image description here"></a></p>
  
  <p>code:</p>
  
  <pre><code>&lt;KeyboardAvoidingView behavior="padding" style={styles.container}&gt;
           {this.props.signNameErr &amp;&amp;
              (&lt;Text style={{color: 'red'}}&gt;{this.props.errMessage}&lt;/Text&gt;)
            }
        &lt;View style={styles.formContainer}&gt;
          &lt;TextInput
            style={styles.formInput}
            placeholderTextColor="rgba(255,255,255,0.7)"
            underlineColorAndroid='rgba(0,0,0,0)'
            returnKeyType="next"
            autoCorrect={false}
            onChangeText={(full_name)=&gt; this.setState({full_name})}
            value={this.state.fullname}
            placeholder="Enter Full Name"
            /&gt;
            {this.props.signEmailErr &amp;&amp;
              (&lt;Text style={{color: 'red'}}&gt;{this.props.errMessage}&lt;/Text&gt;)
            }
          &lt;TextInput
            style={styles.formInput}
            placeholderTextColor="rgba(255,255,255,0.7)"
            underlineColorAndroid='rgba(0,0,0,0)'
            returnKeyType="next"
            keyboardType="email-address"
            autoCapitalize="none"
            autoCorrect={false}
            onChangeText={(email)=&gt; this.setState({email})}
            value={this.state.email}
            placeholder="Enter Email"
            keyboardType="email-address"
            /&gt;
             {this.props.signPwErr &amp;&amp;
              (&lt;Text style={{color: 'red'}}&gt;{this.props.errMessage}&lt;/Text&gt;)
            }
          &lt;TextInput
            style={styles.formInput}
            placeholderTextColor="rgba(255,255,255,0.7)"
            underlineColorAndroid='rgba(0,0,0,0)'
            returnKeyType="next"
            autoCorrect={false}
            onChangeText={(password)=&gt; this.setState({password})}
            secureTextEntry={this.state.togglePW}
            value={this.state.password}
            placeholder="Create Password (Min. 6 Char)"
            /&gt;
          &lt;TouchableOpacity style={styles.buttonContainer} onPress={this.handleSignup}&gt;
            &lt;Text style={styles.buttonText}&gt;SIGN UP&lt;/Text&gt;
          &lt;/TouchableOpacity&gt;
        &lt;/View &gt;
        &lt;/KeyboardAvoidingView&gt;
  </code></pre>