title: Text inputs covered by Keyboard (React-Native)
body: <p>I'm trying to create a new simple app. While in this process, I've decided to start with a login page and a sign up page. These pages have the same styling, where the top third of the screen is a container with a logo in it, and the bottom two thirds is a form with input fields.</p>
  
  <p>The problem that I'm stuck at now is that everything looks great, but when you press one of the inputs then the keyboard covers most of the inputs. I've done a little research and I've tried to apply both ScrollView and KeyboardAvoidingView, but neither of these seem to work properly.</p>
  
  <p>This is how my page is set up:</p>
  
  <pre><code>&lt;View style={styles.screen}&gt;
    {this.state.loading &amp;&amp; (
      &lt;View style={styles.loading}&gt;
        &lt;ActivityIndicator
          color={primaryColor}
          size="large"
        /&gt;
      &lt;/View&gt;
    )}
    &lt;View style={styles.logoContainer}&gt;
      &lt;Image source={require('../../../assets/logo.png')} style={styles.logo} /&gt;
    &lt;/View&gt;
    &lt;View style={styles.formContainer}&gt;
      &lt;KeyboardAvoidingView
        behavior={'padding'}
        enabled
        style={styles.form}
      &gt;
        &lt;FloatingLabelInput
          blurOnSubmit={false}
          editable={true}
          keyboardType={'email-address'}
          label="Email"
          onChangeText={this.handleEmailChange}
          onSubmitEditing={() =&gt; this.passwordInput &amp;&amp; this.passwordInput.focus()}
          ref={(input) =&gt; { this.emailInput = input; }}
          returnKeyType="next"
          value={this.state.email}
        /&gt;
        &lt;FloatingLabelInput
          editable={true}
          label="Password"
          onChangeText={this.handlePasswordChange}
          onSubmitEditing={() =&gt; this.signup()}
          ref={(input) =&gt; { this.passwordInput = input; }}
          secureTextEntry={true}
          value={this.state.password}
        /&gt;
      &lt;/KeyboardAvoidingView&gt;
      &lt;View style={styles.buttonContainer}&gt;
        &lt;Button buttonFunction={() =&gt; this.signup()} buttonStyle={'primary'} buttonText={'Sign Up'} /&gt;
      &lt;/View&gt;
    &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>I feel like I've exhausted most solutions, but I must be missing something crucial.</p>