Scrolling too fast will result in a white screen

iOS 14.2

 <RecyclerListView
    layoutProvider={this._layoutProvider}
    dataProvider={this.state.dataProvider}
    rowRenderer={this.rowRenderer}
    renderAheadOffset={1500}
    // disableRecycling={true}
    onEndReached={this.onEndReached}
    onEndReachedThreshold={20}
    scrollViewProps={{
      ref: (ref: any) => this.scrollRef = ref
    }} 
 />

[whalemare]

Real solution for this is only optimize performance time of your view rendering.

I create demo with tests:

1. View rendering <= 15ms 1.1. Scroll: + 1.2. Fast scroll: + 1.3. Extra fast scroll with scrollbar: +

2. View rendering <= 20ms 2.1. Scroll: + 2.2. Fast scroll: ±, sometimes has empty spaces 2.3. Extra fast scroll with scrollbar: - has empty spaces

3. View rendering <= 250ms 3.1. Scroll: -, has empty spaces 3.2. Fast scroll: -, has empty spaces and wait long for display items 3.3. Extra fast scroll with scrollbar: - has empty spaces and wait long for display items

But, I have good news too. When you have 1000 items and each take 500ms, when you fast scrolling from 1 to 500, RLV render only minimal set of views (say only [1…20] before scroll and [480…500] after scroll)

Demo: https://github.com/whalemare/react-native-recycler-performance-tests

[Only-IceSoul]

Recyclerlistview use js thread.