title: react native navbar animation input text
body: <p>I want to show a cancel (iptal) button, on the focus <code>TextInput</code> animation?</p>
  
  <p>I did the following code, but it hasn't worked:</p>
  
  <pre><code>constructor(props) {
      super(props);
      this.state = { cancelBtn:this.cancelBtn()};
  }
  
  cancelBtn(){
      return (&lt;TouchableHighlight style={styles.searchTouch} onPress={this.press()}&gt;
      &lt;Text style={styles.searchBarText}&gt;İptal&lt;/Text&gt;
      &lt;/TouchableHighlight&gt;);
  }
  
  render(){
      &lt;View style={styles.searchBar}&gt;
          &lt;View style={styles.searchBarBox}&gt;
              &lt;TextInput
                  ref="searchBarInput"
                  style = {styles.searchBarInput}
                  placeholder = 'Mekan Ara...'
              /&gt;
          &lt;/View&gt;
      {this.state.cancelBtn}
      &lt;/View&gt;
  }
  </code></pre>
  
  <p>How do I do this in an animated way?</p>
  
  <p>img:
  s.s.1 => <a href="http://i.stack.imgur.com/m7wxm.png" rel="nofollow">http://i.stack.imgur.com/m7wxm.png</a></p>
  
  <p>s.s.2 => <a href="http://i.stack.imgur.com/hYa3z.png" rel="nofollow">http://i.stack.imgur.com/hYa3z.png</a></p>