title: React-Native FlatList performance problems with large list
body: <p>My code gets Json data to an array lists the data using a <code>FlatList</code>. It looks like a phonebook photo and text in a row.</p>
  
  <p>Here is My code:</p>
  
  <pre><code>  renderItem = ({ item }) =&gt; 
      (
      &lt;ListItem
        title={item.username}
        avatar={{ uri: item.photo }}
      /&gt;
      )
  
  
    render() {
      console.log(this.state.myData);
      return (
        &lt;View style={styles.container}&gt;
          &lt;FlatList
            data={this.state.myData}
            renderItem={this.renderItem}
          /&gt;
        &lt;/View&gt;
      );
    }
  </code></pre>
  
  <p>Its works and I get the output, but the performance is slow. Rendering takes approximately 10 seconds which is annoying to the user. What should  I do to make it faster?</p>