title: react-native-keyboard-aware-scroll-view not working properly
body: <p>I am trying to use the react-native-keyboard-aware-scroll-view so the keyboard doesn't cover my inputs. </p>
  
  <p>For some reason it always thinks there is a keyboard active I guess because it always compresses everything.</p>
  
  <p>Attached is a picture of what is happening as well as the code.  Any chance anyone has any idea whats happening here?  I've been playing around with it for awhile and have had no luck.  I'm running react-native v 0.33 and react-native-keyboard-aware-scroll-view v 0.2.1. </p>
  
  <p><a href="https://www.npmjs.com/package/react-native-keyboard-aware-scroll-view" rel="noreferrer">https://www.npmjs.com/package/react-native-keyboard-aware-scroll-view</a></p>
  
  <p><a href="https://i.stack.imgur.com/EdTel.png" rel="noreferrer"><img src="https://i.stack.imgur.com/EdTel.png" alt="enter image description here"></a></p>
  
  <pre><code>import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view';
  
  
  class LoginIOS extends Component{
  
    constructor(props) {
      super(props);
      this.login = this.login.bind(this);
      this.renderScene = this.renderScene.bind(this);
      this.state={
        username: '',
        password: ''
      };
    }
  
    render() {
      return (
        &lt;Navigator
            renderScene={this.renderScene}
            navigator={this.props.navigator}
            navigationBar={
              &lt;Navigator.NavigationBar style={{backgroundColor: 'transparent'}}
                  routeMapper={NavigationBarRouteMapper} /&gt;
            } /&gt;
      );
    }
  
    renderScene() {
      return (
      &lt;KeyboardAwareScrollView&gt;
        &lt;View style={styles.container}&gt;
          &lt;Spinner visible={this.state.visible} /&gt;
          &lt;StatusBar barStyle="light-content" hidden={true}/&gt;
          &lt;View style={styles.topContainer}&gt;
            &lt;View style={styles.bannerContainer}&gt;
              &lt;View style={{flexDirection: 'column', flex: 1, justifyContent: 'center', alignItems: 'center'}}&gt;
                &lt;Image style={styles.mark} source={require('***')} /&gt;
              &lt;/View&gt;
            &lt;/View&gt;
            &lt;View style={styles.credentialContainer}&gt;
                  &lt;View style={styles.inputContainer}&gt;
                    &lt;Icon style={styles.inputPassword} name="person" size={28} color="#FFCD00" /&gt;
                        &lt;View style={{flexDirection: 'row', flex: 1, marginLeft: 2, marginRight: 2, borderBottomColor: '#e0e0e0', borderBottomWidth: 2}}&gt;
                          &lt;TextInput
                              style={styles.input}
                              placeholder="Username"
                              autoCorrect={false}
                              autoCapitalize="none"
                              returnKeyType="next"
                              placeholderTextColor="#e0e0e0"
                              onChangeText={(text) =&gt; this.setState({username: text})}
                              value={this.state.username}
  
                              &gt;
  
                          &lt;/TextInput&gt;
                        &lt;/View&gt;
                  &lt;/View&gt;
  
                  &lt;View style={styles.inputContainer}&gt;
                    &lt;Icon style={styles.inputPassword} name="lock" size={28} color="#FFCD00" /&gt;
                        &lt;View style={{flexDirection: 'row', flex: 1, marginLeft: 2, marginRight: 2, borderBottomColor: '#e0e0e0', borderBottomWidth: 2}}&gt;
                          &lt;TextInput
                              style={styles.input}
                              placeholder="Password"
                              returnKeyType="done"
                              autoCorrect={false}
                              secureTextEntry={true}
                              placeholderTextColor="#e0e0e0"
                              onChangeText={(text) =&gt; this.setState({password: text})}
                              value={this.state.password}
                              onSubmitEditing={(event)=&gt; {
                                this.login();
                              }}
                              &gt;
                          &lt;/TextInput&gt;
                        &lt;/View&gt;
                  &lt;/View&gt;
                  &lt;TouchableOpacity style={styles.forgotContainer}&gt;
                  &lt;/TouchableOpacity&gt;
              &lt;/View&gt;
  
          &lt;/View&gt;
  
          &lt;TouchableHighlight
            underlayColor="#D6AB00"
            onPress={this.login}
            style={styles.signInButtonContainer}&gt;
            &lt;Text style={styles.signInText}&gt;Sign In&lt;/Text&gt;
          &lt;/TouchableHighlight&gt;
  
        &lt;/View&gt;
      &lt;/KeyboardAwareScrollView&gt;
  
      );
    }
  </code></pre>