title: Hide/Show components in react native
body: <p>I'm really new to React Native and I'm wondering how can I hide/show a component.<br />
  Here's my test case:</p>
  <pre><code>&lt;TextInput
      onFocus={this.showCancel()}
      onChangeText={(text) =&gt; this.doSearch({input: text})} /&gt;
  
  &lt;TouchableHighlight 
      onPress={this.hideCancel()}&gt;
      &lt;View&gt;
          &lt;Text style={styles.cancelButtonText}&gt;Cancel&lt;/Text&gt;
      &lt;/View&gt;
  &lt;/TouchableHighlight&gt;
  </code></pre>
  <p>I have a <code>TextInput</code> component, what I want is to show the <code>TouchableHighlight</code> when the input gets the focus, then hide the <code>TouchableHighlight</code> when the user press the cancel button.</p>
  <p>I don´t know how to &quot;access&quot; the <code>TouchableHighlight</code> component in order to hide/show it inside of my functions <code>showCancel/hideCancel</code>.<br />
  Also, how can I hide the button from the very beginning?</p>