baspellis / react-native-infinite-scrollview

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.

react-native-infinite-scrollview

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
• Examples
• API
• Questions?

Installation

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

Examples

Simple Calendar example included.

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

• Twitter

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