ScrollView with infinte paged scrolling (no looping). The number of pages rendered before and after current page can be customized. Pages are rendered when user scrolled.
JavaScript Objective-C Java
Switch branches/tags
Clone or download
Latest commit ef6f9b8 Mar 14, 2016

README.md

react-native-infinite-scrollview

npm version react-native platform

ScrollView with infinte paged scrolling (no looping). The number of pages rendered before and after current page can be customized. Pages are rendered when user scrolled.

Content

Installation

npm i react-native-infinite-scrollview --save

Examples

Simple Calendar example included. react-native-infinite-scrollview demo

API

Component wraps ScrollView so all ScrollView properties are available.

  • renderPage - Required - (Function) - Must return a component representing the page for the provided index.
  • offScreenPages - Optional - (Integer) - Number of pages to render before and after the current page. Default is 1 (total 3 pages are rendered).
  • index - Optional - (Integer) - Start the scrollview with this index. Default is 0 or toIndex whichever is greater.
  • toIndex - Optional - (Integer) - Don't allow scrolling below this page index.
  • fromIndex - Optional - (Integer) - Don't allow scrolling above this page index.
  • onPageIndexChange - Optional - (Function) - Called when page index is changed (user scrolled).

Known issues

Currently only iOS is supported. Android support is coming.

Questions?

Feel free to contact me via

If you want to report a bug, please submit an issue!