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

Time:09-24

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.

CodePudding user response:

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

CodePudding user response:

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.

  • Related