Flatlist show blank screen when we do fast scroll in react native

I am showing video in flatlist but when I scroll fast it shows me blank screen for a while, after some time it shows proper content. I am using functional component.

2 answers

  • answered 2021-09-23 13:03 Krismu

    FlatList will only load content when its seeable, if you want to have it preloaded use a ScrollView instead.

  • answered 2021-09-23 14:11 Nicolas De Tiesenhausen

    you may want to look at this, these doc contains every thing to do to avoid blanc screen while scrolling a flatlist :

    https://reactnative.dev/docs/optimizing-flatlist-configuration

    I would advise "windowSize" props :

    Bigger windowSize will result in less chance of seeing blank space while scrolling. On the other hand, smaller windowSize will result in fewer items mounted simultaneously, saving memory.

How many English words
do you know?
Test your English vocabulary size, and measure
how many words do you know
Online Test
Powered by Examplum