title: ios keyboard covers the input which is located in the bottom of the screen
body: <p>ios keyboard covers the input which is located at the bottom of the screen. How can this trouble be solved?</p>
  
  <p>here is the code.</p>
  
  <pre><code> &lt;Content style={styles.content}&gt;
  
              &lt;Form&gt;
                &lt;Item style={{borderBottomColor:'#42e8f4'}}&gt;
                  &lt;Icon active name='mail' style={{color: '#42e8f4'}} /&gt;
                  &lt;Input placeholder='Email'placeholderTextColor= '#42e8f4' style={{color:'#0dc49d'}}/&gt;
                &lt;/Item&gt;
                &lt;Item style={{ borderBottomColor:'#42e8f4'}}&gt;
                  &lt;Icon active name='lock' style={{color: '#42e8f4'}} /&gt;
                  &lt;Input secureTextEntry={true} placeholder='Password'placeholderTextColor= '#42e8f4' style={{color:'#42e8f4'}}/&gt;
                &lt;/Item&gt;
              &lt;/Form&gt;
              &lt;ListItem style={{borderBottomWidth:0,borderTopWidth:0,borderBottomColor:'#42e8f4'}}&gt;
                &lt;Button transparent onPress={() =&gt; this.props.navigation.navigate("Signup")}&gt;
                  &lt;Text style={{color:'#42e8f4'}}&gt;Create Account&lt;/Text&gt;
                &lt;/Button&gt;
              &lt;Button transparent onPress={() =&gt; this.props.navigation.navigate("Forgetpass")}&gt;
                &lt;Text  style={{color:'#42e8f4'}}&gt;Forget Password&lt;/Text&gt;
              &lt;/Button&gt;
              &lt;/ListItem&gt;
              &lt;Button full
                style={{backgroundColor:'#42e8f4'}}
                onPress={() =&gt; this.props.navigation.navigate("Welcome")}&gt;
                &lt;Text style={{color: '#FFF'}}&gt;Sign In&lt;/Text&gt;
              &lt;/Button&gt;
            &lt;/Content&gt;
  
  const styles = {
    content:{
      position:'absolute',
      bottom:10,
      left:0,
      right:0
    },
  }
  </code></pre>
  
  <p>I am using Native-Base. How can this issue be solved?</p>