title: Keyboard overlaps bottom button until refreshing screen
body: <p>I have the following component: 
  a <code>ScrollView</code> with a <code>TextInput</code> and a <code>Button</code>. I want the <code>TextInput</code> on the top and the <code>Button</code> at the bottom (<code>justifyContent: 'space-between'</code>). I'm running this component from an Android Native app. So I'm working on a <strong>hybrid app</strong>.<br>
  <strong>The issue:</strong><br>
  When I tap on the <code>TextInput</code>, the keyboard appears and it overlaps the bottom <code>button</code>. If after that I refresh the <code>scrollView</code> by pulling down, the bottom <code>button</code> appears over the keyboard (what I want).<br>
  Something happens after the <strong><code>RefreshControl</code></strong> renders, that set the correct position of my <code>button</code>. But my component doesn't look like well until I pull to refresh it and the react-native <code>RefreshControl</code> component is activated.</p>
  
  <p>My code:</p>
  
  <pre><code>import React, { Component } from 'react';
  import { View, KeyboardAvoidingView, TextInput, RefreshControl, Button, ScrollView } from 'react-native';
  
  export default class Authenticate extends Component {
    constructor(props) {
      super(props);
      this.state = {
        refreshing: false
      };
    }
  
    render() {
      return (
        &lt;KeyboardAvoidingView enabled style={{ flex: 1 }}&gt;
          &lt;ScrollView
            contentContainerStyle={{ flex: 1, backgroundColor: 'gray', justifyContent: 'space-between' }}
            refreshControl={&lt;RefreshControl refreshing={this.state.refreshing} /&gt;}&gt;
            &lt;View style={{ height: 200, backgroundColor: 'red' }}&gt;
              &lt;TextInput
                style={{
                  height: 60,
                  color: 'white',
                  backgroundColor: 'gray',
                  fontSize: 20,
                  textAlign: 'center'
                }}
                value="Press Me"
              /&gt;
            &lt;/View&gt;
            &lt;Button style={{ backgroundColor: 'blue', width: '100%' }} title="Footer button" /&gt;
          &lt;/ScrollView&gt;
        &lt;/KeyboardAvoidingView&gt;
      );
    }
  }
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/x9Fe1.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/x9Fe1.gif" alt="App"></a></p>