TouchableHighlight not respecting state change
<p>I have a <code>&lt;TouchableHighlight&gt;</code> component wrapping a <code>&lt;Text&gt;</code>, and onPress I am setting the state boolean to false to make it disappear. Works like a charm on iOS but on Android, the <code>&lt;Text&gt;</code> disappears but the <code>&lt;TouchableHighlight&gt;</code> is still rendered.   </p>

<p>Any pointers? </p>

<pre><code>{(this.state.showUpdateToast &amp;&amp; this.state.updateCount &gt; 0) ?
          (&lt;TouchableHighlight 
            underlayColor='rgba(116, 59, 243, 1)' 
            style={styles.toast} 
            onPress={this.refresh.bind(this)}
          &gt;
            &lt;Text style={styles.toastText}&gt;
              {this.state.updateCount}{this.state.updateCount &lt; 2 ? this.props.getLabel('updateToastSingle') : this.props.getLabel('updateToast')}
            &lt;/Text&gt;
          &lt;/TouchableHighlight&gt;) 
          : null
        }
</code></pre>