Complete Example showing all available events and properties ?

[shidhincr]

Sorry to ask this again ( I saw a couple of closed tickets ), But it's kind of hard to implement the infinite scrollView.

Can someone provide a complete working example of how to use canLoadMore , isLoadingMore and onLoadMoreAsync for the infinite scrolling ?

Including a screenshot would be super helpful.

PS: I am facing another problem with the listView. I was using the contentContainerStyle to show the grid style inside the listView ( as explained here). With this set-up, I am not sure how to implement the infinite scrolling. Can someone lead me to the right direction ?

This is how the listView now:

<ScrollView>
          <ListView
            dataSource={items}
            contentContainerStyle={styles.gridContainer}
            renderRow={(details) => Product(details, this.onPressAction) }
            onEndReachedThreshold={40}
            onEndReached={this.onEndReached}
          />
</ScrollView>

[kenchengch]

I need an example too!

[laurentnguyen]

+1

[RonakKhandelwal]

+1 onLoadMoreAsync method failed prototype error

[antonsivogrivov]

+1. It's too hard with out example :(

[Aathi]

+1

[yaoyonstudio]

+1

[luco]

+1

[davedega]

+1 jaja

[waleedarshad-vf]

+1

[gventuri]

+1

[Jaafar-abusair]

+1

[RatFou]

+1

[pyankoff]

Managed to make it work with redux with the following code:

async _loadMore(dispatch) {
    dispatch(Actions.getData())
  }

render() {
  return (
    <ListView
      renderScrollComponent={props => <InfiniteScrollView {...props} />}
      dataSource={...}
      renderRow={...}
      canLoadMore={this.state.canLoadMoreContent}
      onLoadMoreAsync={() => this._loadMore(this.props.dispatch)}
    />
  );
}

Found rnplay project to be a great example of setting up redux and HTTP API requests:

[carlosgarbiatti]

Thanks @pyankoff! I spent couple hours trying to get this going... was only able to do so thanks to your example... Cheers!

[iesteban]

Hi all, you can find a working example right here:
https://github.com/Semillas/SemillasReactNative/blob/master/App/Containers/Feed.js#L100

Cheers!