FlatList renders with improper height, then a second later, adjusts height

Viewed 1355

I have created a FlatList like this:

<View style={{flex:1}}>
      <FlatList
        data={rows}
        renderItem={renderRow}
      />
</View>

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.

I want to avoid this "flash" adjustment, and instead, it should initially render with the height it "flash" updates to.

I uploaded a screencast here - https://www.youtube.com/watch?v=hO_cF6dCrEU

0 Answers
Related