FlatList displays with the wrong height, then after a second adjusts the height

Question

I created a FlatList as follows:

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

It is very simple. However, when loading the screen, the height of the flat list is not the full height. This is approximately 70% of the actual height. Then, after a second, it reaches the required fill height for the rest of the screen.

I want to avoid this “flash” setting, and instead, it must first render with the growth to which “flash” updates.

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