title: ReactNative - KeyboardAvoidingView
body: <p>I have a page with two inputs and a 'Next' button. I want to move my container up when keyboard is active so that the 'Next' button is also visible when the keyboard is open. I've used <code>KeyboardAvoidingView</code> but the content is not moving when the keyboard is active. What seems to be the issue here?</p>
  
  <p>Here is my code</p>
  
  <pre><code>    &lt;View style={{height: '100%'}}&gt;
  
            &lt;LinearGradient colors={['#29aae1', '#4bc1b6']} style={{height: '100%'}}&gt;
  
                  &lt;KeyboardAvoidingView
                      behavior="padding"
                      keyboardVerticalOffset={0}
                      style={{padding:10}}
                  &gt;
  
                          &lt;ScrollView style={{height:'100%'}}&gt;
  
                                  &lt;Text style={styles.signin_info}&gt;Let's get you signed in. Provide your first name and last
                                      name.
                                      Do not
                                      worry, when you comment your real name won't be visible ;)&lt;/Text&gt;
  
  
                                  &lt;Field label="First name" name="signUpFirstName" component={this.renderInput}/&gt;
                                  &lt;Field label="Last name" name="signUpLastName" component={this.renderInput}/&gt;
  
  
  
                              &lt;TouchableOpacity block primary style={styles.nextBtn_active}
                                                onPress={Actions.signUp_email}&gt;&lt;Text
                                  style={{fontFamily: 'gotham', fontSize: 18, color: 'white'}}
                                  allowFontScaling={false}&gt;Next&lt;/Text&gt;&lt;/TouchableOpacity&gt;
  
                          &lt;/ScrollView&gt;
  
                  &lt;/KeyboardAvoidingView&gt;
  
          &lt;/LinearGradient&gt;
  
     &lt;/View&gt;
  </code></pre>