フラットリストの問題onEndReached

Question

フラットリストをビューで囲むと、囲んでいるビューを削除するとonEndReachedが無制限にトリガーされます。onEndReachedはまったくトリガーされません。それがtrigerredされたとき

render(){ 

    return (
     <Root> 
      <Container> 
        <Content>     
         <View> 
           {this.state.listView && 
            <FlatList 
            data={this.state.variants} 
            keyExtractor={this._keyExtractor} 
            onEndReachedThreshold={0.5} 
            onEndReached={({ distanceFromEnd }) => { 
             console.log('on end reached ', distanceFromEnd); 
             this.loadMore(); 
            }} 
            numColumns = {1} 
            renderItem={({item, index}) =><CatalogRow item={item} in_wishlist={this.state.in_wishlist} toggleWishlist={() => this.toggleWishlist(item.title)} listView={this.state.listView}/>} 
           />} 

          </View> 
        </Content> 
       </Container> 
      </Root> 
    ); 
    } 

そして、私のdistanceFromEndは0、960,1200のような値をとります。それは何を示していますか？ 私はこのようにそれを使用することになり反応し、ネイティブ0.47.2

Answer 1

それが囲む<Content>タグのbeacuseました。ネイティブベースタグに反応ネイティブタグを埋め込むと、そのような問題が発生することがあります。私はコンテンツとコンテナタグをViewタグに置き換えましたが、今はうまくいきます。

Answer 2

を使用しています：

handleMore =() => { 
    // fetch more here 
}; 

<FlatList 
    onEndReached={this.handleMore} 
/>