title: FlatList renders with improper height, then a second later, adjusts height
body: <p>I have created a <code>FlatList</code> like this:</p>
  
  <pre><code>&lt;View style={{flex:1}}&gt;
        &lt;FlatList
          data={rows}
          renderItem={renderRow}
        /&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>It is extremely simple. However on screen load, the flat list height is not full height. It renders at like 70% the actual height. Then after a second it goes to proper height of filling the remainder of the screen.</p>
  
  <p>I want to avoid this "flash" adjustment, and instead, it should initially render with the height it "flash" updates to.</p>
  
  <p>I uploaded a screencast here - <a href="https://www.youtube.com/watch?v=hO_cF6dCrEU" rel="nofollow noreferrer">https://www.youtube.com/watch?v=hO_cF6dCrEU</a></p>