title: touchableopacity onpress function undefined (is not a function) React Native
body: <p>I want to be able to navigate to a new screen after tapping the TouchableOpacity button but I receive an error which says</p>
  
  <blockquote>
    <p>_this3.handleThisTap is not a function. (In '_this3.handleThisTap()','_this3.handleThisTap' is undefined)</p>
  </blockquote>
  
  <pre><code>import React, { Component } from 'react';
  
  import {
    Text,
    StyleSheet,
    View,
    TextInput,
    KeyboardAvoidingView,
    FlatList,
    TouchableOpacity,
    TouchableHighlight,
  } from 'react-native';
  
  import {
    SearchBar,
    Wrapper,
    ItemWrapper,
  } from './searchView.styles';
  
  export default class SearchView extends Component {
  
    constructor(props) {
      super(props);
      this.state = {
        feedUrl: 'https://api.urbandictionary.com/v0/autocomplete?term=',
        isLoading: true,
      }
    }
  
    handleTextChange(text) {
      let url = this.state.feedUrl + text;
      return fetch(url)
        .then((response) =&gt; response.json())
        .then((res) =&gt; {
          this.setState({
            data: res,
            isLoading: false,
          })
        })
        .catch((error) =&gt; {
          console.log(error);
        })
    }
  
    handleThisTap(item) {
      this.props.navigation.navigate('FeedView', item);
    }
  
    _renderItem({ item }) {
      return (
        &lt;ItemWrapper
          underlayColor='white'
          onPress={() =&gt; this.handleThisTap(item)}&gt;
          &lt;Text&gt;{item}&lt;/Text&gt;
        &lt;/ItemWrapper&gt;
      )
    }
  
    render() {
  
      return (
        &lt;Wrapper behavior="padding"&gt;
          &lt;SearchBar
            style={{
              shadowOffset: {
                width: 0,
                height: 5,
              },
            }}
            autoFocus={true}
            clearTextOnFocus={true}
            placeholder="Search for text here"
            returnKeyType='search'
            clearButtonMode='always'
            keyboardShouldPersistTaps={true}
            onChangeText={(text) =&gt;
              this.handleTextChange(text)
            } /&gt;
          &lt;FlatList
            data={this.state.data}
            renderItem={this._renderItem}
          /&gt;
        &lt;/Wrapper&gt;
      )
    }
  }
  </code></pre>
  
  <p>I have tried using <code>bind.(this)</code></p>
  
  <p>Any help is appreciated.</p>