편재 목록 문제 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

했다. 때로 네이티브베이스 태그와 반응 네이티브 태그를 포함하면 이러한 문제가 발생합니다. 콘텐트와 컨테이너 태그를 View 태그로 바꿨고 이제는 정상적으로 작동합니다.

Answer 2

나는이처럼 사용합니다 사용하고 있습니다 : 그것은 둘러싸는 <Content> 태그의 beacuse

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

<FlatList 
    onEndReached={this.handleMore} 
/>