title: Layout is not adjusting when keyboard opens up in react-native
body: <p>This is really simple code in react-native and I am using expo.
  Then keyboard opens up it covers the textinput which is not desired feature can anyone help me why? It seems to work in pure react-native.</p>
  
  <pre><code>import * as React from "react";
  import {
    StyleSheet,
    View,KeyboardAvoidingView,
    TextInput,
  } from "react-native";
  
  class Logins extends React.Component {
    render() {
      return (
        &lt;KeyboardAvoidingView style={styles.container} behavior="padding" enabled&gt;
          &lt;TextInput placeholder="Password" style={styles.textinputstyle} /&gt;
        &lt;/KeyboardAvoidingView&gt;
      );
    }
  }
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      paddingTop: 450,
    },textinputstyle:{
      fontSize:25,
      color:"red",
      paddingBottom:10,
    }
  });
  
  export default Logins;
  </code></pre>
  
  <p><a href="https://snack.expo.io/@reyanshmishra/tabnavigators-issue" rel="nofollow noreferrer">Here</a> is the link to snack.</p>