title: React Native: FlatList flickering for a large list of items, not for smaller lists
body: <p>Here is what is happening:</p>
  <p>-I am developing a blogging app in RN. Each user has a profile page, where all the posts written by the users are visible.</p>
  <p>-Each post has a thumbnail image, and I am rendering the posts in FlatList as I should.</p>
  <p>-However, if the list is large enough, e.g. 100+, the images in the posts flicker when scrolling up/down, for both iOS and Android. This is understandably a bad user experience.</p>
  <p>-Interesting thing is if list is reasonably small, the images won't flicker at all. If this were a syntax issue, all the images should flicker.</p>
  <p>-Is this kind of behavior expected in using FlatList? i.e. when rendering a large list of items it will have issues? If so, what can I do to prevent flickering?</p>
  <p>FYI, below is the code that I am using for FlatList component. Simple enough:</p>
  <pre><code>     const PostArray = (props) =&gt; {
           return (
               (props.postarray===null ?
               null  :
               &lt;FlatList
                   data={props.postarray}
                   style={{marginTop:10}}
                   renderItem={({ item }) =&gt;
                   &lt;ProfilePostsPreview item={item}/&gt;
               }
               keyExtractor={(item, index) =&gt; index.toString()}
               /&gt;
               )
           )
       }
  </code></pre>
  <p>Any advice? Thanks in advance!</p>