title: How to set the textinput box above the Keyboard while entering the input field in react native
body: <p>I am using react-native TextInput component. Here I need to show the InputBox above the keyboard if the user clicks on the textInput field.</p>
  
  <p>I have tried below but i am facing the issues</p>
  
  <p><strong>1. Keyboard avoiding view</strong> </p>
  
  <pre><code> a. Here it shows some empty space below the input box 
   b. Manually I need to scroll up the screen to see the input field which I was given in the text field
   c. Input box section is hiding while placing the mouse inside the input box 
  </code></pre>
  
  <p><strong>2. react-native-Keyboard-aware-scroll-view</strong></p>
  
  <pre><code>a.It shows some empty space below the input box
  b.ScrollView is reset to the top of the page after I moving to the next input box
  </code></pre>
  
  <p>Here I set the Keyboard-aware-scroll-view inside the ScrollView component</p>
  
  <p>Kindly clarify </p>
  
  <p>My example code is </p>
  
  <pre><code>&lt;SafeAreaView&gt;
  &lt;KeyboardAvoidingView&gt;
  &lt;ScrollView&gt;        
          &lt;Text&gt;Name&lt;/Text&gt;
              &lt;AutoTags
              //required
               suggestions={this.state.suggestedName}
               handleAddition={this.handleAddition}
               handleDelete={this.handleDelete}
               multiline={true}
               placeholder="TYPE IN"
               blurOnSubmit={true}
               style= {styles.style}
               /&gt;
  &lt;/ScrollView&gt;   
  &lt;/KeyboardAvoidingView&gt;
  &lt;/SafeAreaView&gt;
  </code></pre>
  
  <p>[<a href="https://github.com/APSL/react-native-keyboard-aware-scroll-view]" rel="noreferrer">https://github.com/APSL/react-native-keyboard-aware-scroll-view]</a></p>