Skip to content

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.

License

Notifications You must be signed in to change notification settings

baspellis/react-native-infinite-scrollview

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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!

About

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.

Resources

License

Stars

Watchers

Forks

Packages

No packages published