Merge pull request #2 from AndrewSouthpaw/master

Add onEndReached props.

README.md

@@ -68,6 +68,8 @@ Prop | Description | Type | Default
 `errorComponent` | Custom function to render the page of an image that couldn't be displayed | `function` | A `<View>` with a stylized error
 `flatListProps` | Props to be passed to the underlying `FlatList` | `object` | `{windowSize: 3}`
 `pageMargin` | Blank space to show between images | `number` | `0`
+`onEndReached` | Fired when the page index is within the `onEndReachedThreshold` of the `images` content | `function`
+`onEndReachedThreshold` | How far from the end (in units of visible length of the list) the end of the list of images must be from the end of the content to trigger the onEndReached callback. Thus a value of 0.5 will trigger onEndReached when the end of the content is within half the visible length of the images. | `number` | `0.5`
 `onPageSelected` | Fired with the index of page that has been selected | `function`
 `onPageScrollStateChanged` | Called when page scrolling state has changed, see [scroll state and events](#scroll-state-and-events) | `function`
 `onPageScroll` | Scroll event, see [scroll state and events](#scroll-state-and-events) | `function`

src/Gallery.js

@@ -16,6 +16,8 @@ export default class Gallery extends PureComponent {
         initialPage: PropTypes.number,
         scrollViewStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,
         pageMargin: PropTypes.number,
+        onEndReached: PropTypes.func,
+        onEndReachedThreshold: PropTypes.number,
         onPageSelected: PropTypes.func,
         onPageScrollStateChanged: PropTypes.func,
         onPageScroll: PropTypes.func,
@@ -32,6 +34,7 @@ export default class Gallery extends PureComponent {
         removeClippedSubviews: true,
         imageComponent: undefined,
         scrollViewStyle: {},
+        onEndReachedThreshold: 0.5,
         flatListProps: DEFAULT_FLAT_LIST_PROPS
     };
 
@@ -215,6 +218,9 @@ export default class Gallery extends PureComponent {
     onPageSelected (page) {
         this.currentPage = page;
         this.props.onPageSelected && this.props.onPageSelected(page);
+        if (page + 1 > this.props.onEndReachedThreshold * this.props.images.length) {
+          this.props.onEndReached && this.props.onEndReached();
+        }
     }
 
     onPageScrollStateChanged (state) {