title: React native Flatlist onclick navigation
body: <p>I used the flatlist to retrieved the data. Now I have no idea about how to set the onclick for my flatlist.</p>
  
  <pre><code>render(){
          const listActivities = this.state.activitiesList
          function Item({ title }) {
              return (
                &lt;View style={styles.item}&gt;
                  &lt;Text style={styles.title}&gt;{title}&lt;/Text&gt;
                &lt;/View&gt;
              );
          }
          return (
              &lt;View&gt;
                  &lt;View style={styles.container}&gt;
                      &lt;Text style={styles.heading}&gt;UPCOMING ACTIVITIES&lt;/Text&gt;
                  &lt;/View&gt;
                  &lt;View&gt;
                      &lt;SafeAreaView&gt;
                          &lt;FlatList onPress={()=&gt;navigate(DetailsScreen)}
                              data = {listActivities}
                              renderItem={({ item }) =&gt; &lt;Item title={item.name} /&gt;}
                              keyExtractor={item =&gt; item.id}
                          /&gt;
                      &lt;/SafeAreaView&gt;
                  &lt;/View&gt;
              &lt;/View&gt;
          )
      }
  </code></pre>
  
  <p>I tried to use the onpress but it don't work. Does anyone have an idea about it? Btw i didn't used the stackNavigator but createDrawerNavigator.</p>