title: How to add a fixed header using KeyboardAwareScrollView in react-native
body: <p>Below is my code, in this code, the Navigation bar is not fixed when<br>
  the keyboard scrolls up.Whenever i tap the last textInput, the keyboard pops up and the navigation bar is not fixed. Please help me in fixing the 
  navigation bar.</p>
  
  <pre><code> &lt;View style={{flex: 1, backgroundColor: '#f6f6f6'}}&gt;
      &lt;View style={{height: 44}}&gt;
        &lt;Text style={{fontSize: 16, marginTop: 20}}&gt;
          NavigationBar
        &lt;/Text&gt;
      &lt;/View&gt;
      &lt;KeyboardAwareScrollView
         automaticallyAdjustContentInsets={false}
         keyboardShouldPersistTaps='always'
         scrollEventThrottle={10}
         extraHeight={250}
         resetScrollToCoords={{x: 0, y: 0}}
      &gt;
        &lt;View&gt;
          &lt;Text style={{fontSize: 16}}&gt;
            Header
          &lt;/Text&gt;
        &lt;/View&gt;
        &lt;TextInput style={styles.textInput} /&gt;
        &lt;TextInput style={styles.textInput} /&gt;
        &lt;TextInput style={styles.textInput} /&gt;
        &lt;TextInput style={styles.textInput} /&gt;
        &lt;TextInput style={styles.textInput} /&gt;
        &lt;TextInput style={styles.textInput} /&gt;
        &lt;TextInput style={styles.textInput} /&gt;
        &lt;TextInput style={styles.textInput} /&gt;
        &lt;TextInput style={styles.textInput} /&gt;
  
      &lt;/KeyboardAwareScrollView&gt;
    &lt;/View&gt;
  </code></pre>