Shoutem ListView - onLoadMore не прекращает загрузку

Question

Согласно документации, обратный вызов ListView onLoadMore() должен запускаться только тогда, когда "ListView прокручивается до самого конца первой страницы".

У меня есть следующая реализация, и проблема в том, что ListView просто не прекращает вызывать обратный вызов onLoadMore, даже не прокручивая страницу вниз. Это неприемлемое решение, потому что оно просто загружает столько данных, когда представление какое-то время открыто, что перестает отвечать на запросы.

Код выглядит следующим образом:

<ListView
    data={this.state.posts}
    renderRow={this.renderRow}
    loading={this.state.loading}
    onLoadMore={this.onFeedLoadMore}
/>

...

onFeedLoadMore() {
      console.log("onFeedLoadMore called");

      this.setState({loading: true});

      if (_.has(this.state.paging, 'next')) {
        fetch(this.state.paging.next, {
          method: 'GET',
          headers: {
            'Accept': 'application/json',
            'Content-Type': 'application/json',
          }
        }).then((response) => response.json()).then((responseJson) => {
          this.setState({loading: false});
          console.log(responseJson);

          this.setState({paging: responseJson.paging});
          this.setState({posts: this.state.posts.concat(responseJson.data)})

        }).catch((error) => {
          this.setState({loading: false});
          console.log("error fetching paged fb newsfeed: ", error);
        })
      }
}

Answer 1

Если у вас есть ListView внутри ScrollView, переместите его. Это известная проблема с обратным вызовом onEndReached от RN в этом сценарии.