TouchableOpacity unclickable while TextInput has focus
<p>I have implemented a search bar including a TextInput and a search button. The idea is basically to type what you wish to search for and hit the search button. My problem is that the button is unclickable while the TextInput has focus. Meaning I have to click twice to search, once for the TextInput to lose focus and once to hit the search button.</p>

<p>Here's my code:</p>

<pre><code>&lt;View style={styles.searchView}&gt;
    &lt;View style={styles.textInputView}&gt;
        &lt;View&gt;
            &lt;TextInput style={styles.textInput}
                       placeholder="Sök användare"
                       multiline={false}
                       autoFocus={true}
                       autoCapitalize="words"
                       underlineColorAndroid="transparent" /&gt;
        &lt;/View&gt;
    &lt;/View&gt;
    &lt;TouchableOpacity&gt;
        &lt;View style={styles.searchButton}&gt;
            &lt;Image style = {styles.searchThumbnail}
                       source = {require('../images/navigatorThumbnails/search.png')}/&gt;
        &lt;/View&gt;
    &lt;/TouchableOpacity&gt;
&lt;/View&gt;
</code></pre>

<p>Is there any way to make the TouchableOpacity clickable while the TextInput has focus?</p>