title: How to pass a parameter from a different source into ListItem of the Flatlist?
body: <p>I am rendering some items in the Flatlist where I call the renderNativeItem to render them in a ListItem and like usual I pass the values as parameter, however, I want to pass a value to subtitle from a different array. </p>
  
  <p>The reason behind this is that in the ìtt parameter there are values of a users such as name, surname but in <code>calculated_distances</code> there are values calculated seperately in another function but which were fetched together from the same document in database. </p>
  
  <p>So, when fetching from db, I set all the data to <code>this.state.dataSource</code> array, then I take location from that array and make a calculation and set it to <code>this.state.calculated_distances</code>. After this is done then I call Flatlist to render the <code>this.state.dataSource</code>, but the calculated distance for each user is in another array in <code>this.state.calculated_distances</code>. 
  This is basically how I ended up in this situation. </p>
  
  <p>Here is the <code>renderNativeItem</code> function: </p>
  
  <pre><code>renderNativeItem = (itt) =&gt; {
      const { calculated_distances } = this.state;
      return (
          &lt;ListItem
              title={itt.name + " " + itt.surname}
              subtitle={calculated_distances}
          /&gt;
      )
  }
  </code></pre>