title: KeyboardAwareScrollView on the button
body: <p>I have one button at the bottom of the screen and input field on the top of the screen. When <code>&lt;TextInput&gt;</code> is focused - keyboard overlaps a button and it cannot be pressed until I click the return button. I want the Submit button to be pushed up when the keyboard is opened and return back to the bottom of the screen when the keyboard is not active. </p>
  
  <p>KeyboardAwareScrollView works well with <code>&lt;TextInput/&gt;</code> however seems like doesn't work with the button. Any ideas how can I achieve that? Thanks!</p>
  
  <pre><code>render() {
      return (
          &lt;KeyboardAwareScrollView
              contentContainerStyle={{
                  flex: 1,
                  flexDirection: 'column',
                  justifyContent: 'flex-end',
                  alignItems: 'center',
                  backgroundColor: 'skyblue'
              }}
          &gt;
  
              &lt;View&gt;
                  &lt;TextInput placeholder='John'
                             autoFocus={true}/&gt;
                  &lt;Button&gt;
                      &lt;Text&gt;Submit&lt;/Text&gt;
                  &lt;/Button&gt;
              &lt;/View&gt;
          &lt;/KeyboardAwareScrollView&gt;
      )
  } 
  </code></pre>