title: React-Native button press after textInput in Keyboard aware scroll view
body: <p>I have a problem where I have a <strong>TextInput</strong> and a <strong>button</strong> inside a <code>KeyboardAwareScrollView</code>. I want the user to input some text and then press the <strong>button</strong> made with <strong>TouchableOpacity</strong>. This sends the text forward that the user just inputted.</p>
  
  <p>Problem is that after inputting text, one first try <strong>TextInput</strong> merely loses focus. Only on the next press attempt is the <strong>butto</strong>n actually pressed. How can I have the button react on the first press?</p>
  
  <p>I am using this package <a href="https://github.com/APSL/react-native-keyboard-aware-scroll-view" rel="noreferrer">https://github.com/APSL/react-native-keyboard-aware-scroll-view</a> </p>
  
  <p>My code is as follows: </p>
  
  <pre><code>import { KeyboardAwareScrollView } from 'react-native-keyboard-aware-scroll-view'
  
  export default class App extends Component&lt;{}&gt; {
    render() {
      return (
        &lt;KeyboardAwareScrollView&gt;
          &lt;TextInput
            style={{ width: 100, height: 50, backgroundColor: 'blue' }}
          /&gt;
          &lt;TouchableOpacity 
            style={{ backgroundColor: 'red', width: 50, height: 50 }}
          /&gt;
        &lt;/KeyboardAwareScrollView&gt;
      );
    }
  }
  </code></pre>