Blank area

I have a list with about 100 items . when I scroll I see blank area for 0.5 second

I try your sample with last version of react native

It has not same performance like your YouTube and I see blank area . I test at release mode in android 7 phone with 8 core CPU and 8 gig ram

Also in your sample except image all data is same and not changed so we have no cha he in view except images . If you try with better data and each row has different price and … , the performance decreases and we have more blank area

I also increase renderAheadOffset to 320 and 640 but still see blank area even in your sample project

[naqvitalha]

@Barylskyigb @sellmeadog Most of the research that we have done around this reveals some irrefutable findings:

1. Scrolling on fastest speed on iOS can show blanks, kind of where you’ve been building momentum on top of a very large list like the one in sample. Even on iPhone X it happens, although things catch up in few milliseconds. JS thread overhead of RecyclerListView is much lower than that of FlatList, it happens regardless.
2. Blanks on Android are totally avoidable if your component is well optimized. Our production Flipkart app proves that (grocery mainly). Effort on optimizing component will always be needed. That is true for native RecyclerView as well where you would drop frames instead.
3. FlatList creates/destroys elements at a very fast rate. The main reason you may see less blanks is because it starts to drop frames much before you see blanks. Those frame drops slow down the scroll. Also, FlatList renders too many items upfront, you can mimic the same using renderAheadOffset prop in RecyclerListView. Default is just 250 px. Increasing this will improve things for sure but your max memory usage also increases and time for recycling to kick in increases. If you profile memory and fps you’d see RecyclerListView beating FlatList consistently.

The goal for RecyclerListView was to improve main thread performance, reduce garbage collection events and to enable custom layout managers (like masonry etc). With minor tweaking you can easily outperform FlatList in most cases.

[mostafabrazi]

Any news here? don’t know why it’s closed