Как применить onEndReached в Flatlist? - PullRequest
Новая
       61

Как применить onEndReached в Flatlist?

0 голосов
/ 10 марта 2020

У меня есть плоский список, который отображает карты и информацию в нем, я должен применить нумерацию страниц, то есть сначала только 3 карты должны загружаться по достижении конца, больше 3 карты должны загружаться.

Ниже мой код: 

<FlatList
    style={{ height: HEIGHT, flex: 1 }}      // declared a HEIGHT const with value of windows height
    data={this.state.show_data_list}         // data to be shown in flatlist
    keyExtractor={(x, i) => x + i}  
    extraData={this.state.refresh}           // to sort the data based on condition.
    initialNumToRender={3}                   // data to be loaded initially
    onEndReached={() => this.loadMoreData()} // function which add 3 more items to show_data_list state to be shown in flatlist
    onEndReachedThreshold={10}
    renderItem={({ item }) =>
              <ContentCard
                  // content to display
              />
            }
         />

Как только представление отображает все данные, другими словами, onEndReached вызывается до того, как я достигаю в конце. Может кто-нибудь из вас, ребята, знает, почему это происходит ????

1 Ответ

0 голосов
/ 10 марта 2020

Реализация onMomentumScrollBegin или проверка расстояния от конца 

    onEndReached={({ distanceFromEnd }) => {
            if (distanceFromEnd < 0) return; 
   }

Пожалуйста, обратитесь ссылка

...