title: Using a React Native FlatList with two completely different arrays of data
body: <p>I have two arrays, one for products, and one for supervisors. Obviously, both have very different types of data. I want to create a scrollable list that will display all of the products followed by all of the supervisors using a single scrolling list. Is this possible with React Native's FlatList? If so, or if not, how can I go about doing this?</p>
  
  <p>I can currently render a single data array as follows:</p>
  
  <pre><code>&lt;FlatList
      data={this.state.products}
      renderItem={this.renderItem}
  /&gt;
  </code></pre>
  
  <p>But, how can I append the supervisors data to the end of this list? Obviously, because the data is quite different between the two arrays I cannot simply merge the arrays and or the same renderItem function.</p>
  
  <p>How can I display two completely different types of data one after the other in the same scrollable list?</p>