React native Flat list optimization

Question

I am trying to build a contact list in react native. I don't do all the possible optimization that are mentioned in the following mentioned places.

React native flat list optimization

8 ways to optimize React native FlatList performance

how-to-optimize-your-react-native-flatlist

How did I optimize my React Native FlatList?

flatlist-performance-tips

react-native-optimized-flatlist

I have tried all these one by one. by flat list is too much smooth now. but the only problem is that it takes some time to load initially. I want it like the contact book how has no loading. her ei ma attaching video link how it is behaving.

my own flat list source code

Video

** anyone who can help me to resolve this. I am tired of this and now this becomes a headache for me. help will be really appreciated. ia m trying on this for one month but invain.**

question from:https://stackoverflow.com/questions/65857906/react-native-flat-list-optimization

Answer 1

Take a look at the docs specifically about the attributes maxToRenderPerBatch,updateCellsBatchingPeriod and removeClippedSubviews. In your case, it's rendering 50 items per batch of render, the updateCellsBatchingPeriod maybe is making the list update itself longer than expected and maybe if you set the prop removeClippedSubviews to true the list is going to stay fluid as you want.