title: How to implement a callback through a component
body: <p>Basically, i click that stack other page when its open, and i want to implement a callback to update the page if a specific button is pressed inside this second page. My problem is, the button that navigate to the second page is inside a component that is rendering on the first page, like this:</p>
  
  <p>Home page</p>
  
  <pre><code>&lt;FlatList
    style={styles.listView}
    contentContainerStyle={styles.listContentView} 
    data={availableJobs}
    keyExtractor={service =&gt; service.id.toString()}
    renderItem={({item}) =&gt; &lt;CompleteCalls style={styles.listItem} job={item}/&gt;}
    showsHorizontalScrollIndicator={false}
    ListEmptyComponent={&lt;MyEmpty /&gt;}
    horizontal   
  /&gt;
  </code></pre>
  
  <p>And the CompleteCalls i had the button to navigate to the second page:</p>
  
  <pre><code>&lt;TouchableOpacity 
    style={styles.buttonContainer}
    onPress={() =&gt; Navigator.navigate('ServiceDetails', {job} )}&gt;
    &lt;MyText style={styles.button}&gt;Resumo&lt;/MyText&gt;
    &lt;MyIcon style={styles.resumeIcon}&gt;{Icons.CHEVRON_RIGHT}&lt;/MyIcon&gt; 
  &lt;/TouchableOpacity&gt;
  </code></pre>
  
  <p>So basically, i'm calling the <em>ServiceDetails</em> page inside the <em>CompleteCalls</em> component, through the <em>Home</em> page.</p>
  
  <p>Inside the <em>ServiceDetails</em> i render another component, that is a button, to execute a function.</p>
  
  <pre><code>&lt;ActionButton job={job}/&gt;
  </code></pre>
  
  <p>This <em>ActionButton</em> just render a button and had a function.</p>
  
  <p>Inside the <em>ServiceDetails</em> i can return direct to the <em>Home</em> page.</p>
  
  <p>How can i pass a callback through all this just when i click on the <em>ActionButton</em>? I need to update the Home page when i got back after clicking the button, but not when i go to another pages, so a Listener is annoying, since its reload the page after every interaction.</p>