ios keyboard covers the input which is located in the bottom of the screen : <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>
