title: React Native KeyboardAwareScrollView : Scroll to end when the keyboard is hide
body: <p>We have a form with few inputs.Currently when a user clicks the last input field <code>(a2a_memo_value)</code> form will move up and the keyboard will open and when the input gets out of focus - the keyboard will hide but the form is not moves down .Because of that some elements are not visible in the view , user needs to scroll it down to view the element. I want to scroll to the end when keyboard hides so that I can view all the elements in the form .</p>
  
  <p>This is my component</p>
  
  <pre><code> return (
                  &lt;Root&gt;
                  &lt;KeyboardAwareScrollView &gt;
  
                      &lt;Container &gt;                
                          &lt;Content&gt;                       
                              &lt;Form testID="a2a_form" accessibilityLabel="a2a_form"&gt;
                                  &lt;View style={styles.item}&gt;
                                      &lt;Text note testID="a2a_xferType_label" accessibilityLabel="a2a_xferType_label"&gt;Transfer Type&lt;/Text&gt;
                                      &lt;Picker
                                          selectedValue={this.state.selectedTransferType}
                                          mode="dropdown"
                                          note="Transfer type note"
                                          placeholder="Transfer type note"
                                          testID="a2a_xferType"
                                          accessibilityLabel="a2a_xferType"
                                          iosHeader="Choose Transfer Type"
                                          iosIcon={&lt;Icon name="arrow-down" /&gt;}
                                          style={{
                                              width: Platform.OS === "ios" ? undefined : Dimensions.get("window").width
                                          }}
                                          onValueChange={itemValue =&gt; this.handleTransferType(itemValue)}
                                      &gt;
                                          {transferType.map((value, idx) =&gt; {
                                              return &lt;Picker.Item key={idx} label={value} value={value} /&gt;;
                                          })}
                                      &lt;/Picker&gt;
                                  &lt;/View&gt;
                                  &lt;View style={styles.item}&gt;
                                      &lt;Text note testID="a2a_fromAcct_label"
                                          accessibilityLabel="a2a_fromAcct_label"&gt;From Account&lt;/Text&gt;
  
                                      &lt;AccountsDropDown
                                          testID="a2a_fromAcct"
                                          accessibilityLabel="a2a_fromAcct"   
                                          selectedValue={this.state.fromAcct}
                                          accounts={this.state.xferSrcAccts}
                                          isFromAcct={true}
                                          navigation={this.props.navigation}
                                          onValueChange={itemValue =&gt; this.handleFromAcctSelection(itemValue)}
                                      /&gt;
                                  &lt;/View&gt;
                                  &lt;View style={styles.item}&gt;
                                      &lt;Text note testID="a2a_toAcct_label"
                                          accessibilityLabel="a2a_toAcct_label"&gt;To Account&lt;/Text&gt;
  
                                      &lt;AccountsDropDown
                                          testID="a2a_toAcct"
                                          accessibilityLabel="a2a_toAcct"     
                                          selectedValue={this.state.toAcct}
                                          isToAcct={true}
                                          skipAcct={this.state.fromAcct}
                                          accounts={this.state.xferDestAccts}
                                          navigation={this.props.navigation}
                                          onValueChange={itemValue =&gt; this.setState({ toAcct: itemValue })}
                                      /&gt;
                                  &lt;/View&gt;
                                  &lt;TouchableWithoutFeedback onPress={Keyboard.dismiss} accessible={false}&gt;
                                  &lt;View style={{margin:10}}&gt;
                                      &lt;Text testID="a2a_amt_label" note
                                              accessibilityLabel="a2a_amt_label" &gt;Amount&lt;/Text&gt;
                                      &lt;Item style={Platform.OS == "ios" ? {marginLeft:12} :undefined} &gt;                                       
                                          &lt;Input
                                              value={this.state.amount}
                                              testID="a2a_amt_value"                                                                              
                                              accessibilityLabel="a2a_amt_value"
                                              keyboardType="numeric"
                                              onChangeText={text =&gt; this.setState({ amount: text })}
                                          /&gt;
                                      &lt;/Item&gt;
                                  &lt;/View&gt;
                                  &lt;View style={{margin:10}}&gt;
                                      &lt;Text testID="a2a_memo_label" note
                                          accessibilityLabel="a2a_memo_label" &gt;Memo&lt;/Text&gt;
                                      &lt;Item  style={Platform.OS == "ios" ? {marginLeft:12} :undefined}&gt;                                       
                                          &lt;Input 
                                              testID="a2a_memo_value"                                         
                                              accessibilityLabel="a2a_memo_value"
                                              value={this.state.memoText.trim()}
                                              onChangeText={val =&gt; this.setState({ memoText: val })} /&gt;
                                      &lt;/Item&gt; 
                                  &lt;/View&gt;
                                  &lt;/TouchableWithoutFeedback&gt;
                                  &lt;Button testID="a2a_next_btn"
                                              accessibilityLabel="a2a_next_btn" block style={styles.btn_save} onPress={this.validateXferForm}&gt;
                                      &lt;Text&gt;Next&lt;/Text&gt;
                                  &lt;/Button&gt;
                              &lt;/Form&gt;
  
                          &lt;/Content&gt;                      
                      &lt;/Container&gt;                
  
                  &lt;/KeyboardAwareScrollView&gt;
                  &lt;/Root&gt;
              );
  </code></pre>