Add onEndReached prop for FlatList (#180, #182)

Co-authored-by: Arthur Arakelyan <[email protected]>

Author: ArthurEsterox

README.md

@@ -175,6 +175,7 @@ Prop                | Type     | Optional | Default      | Description
 `enableLongPress`           | bool   | Yes | false              | enables long press. When true, `onModalOpen` returns `{longPress: true}`
 `optionsTestIDPrefix`       | string   | Yes | `'default'`      | This prefixes each selectable option's testID prop if no testID keys are provided in `props.data` array objects. Default for each option's testID: 'default-\<optionLabel\>'
 `header`     | node   | Yes | undefined          | Render a header above the list
+`onEndReached`     | function                  | Yes | undefined          | Called once when the scroll position gets of the rendered content.
 
 ### Methods
 

index.js

@@ -77,6 +77,7 @@ const propTypes = {
     enableLongPress:                PropTypes.bool,
     optionsTestIDPrefix:            PropTypes.string,
     header:                         PropTypes.node,
+    onEndReached:                   PropTypes.func,
 };
 
 const defaultProps = {
@@ -132,6 +133,7 @@ const defaultProps = {
     enableLongPress:                false,
     optionsTestIDPrefix:            'default',
     header:                         undefined,
+    onEndReached:                   undefined,
 };
 
 export default class ModalSelector extends React.Component {
@@ -322,6 +324,7 @@ export default class ModalSelector extends React.Component {
                                 accessibilityLabel={scrollViewAccessibilityLabel}
                                 keyExtractor={this.props.keyExtractor}
                                 renderItem={this.renderFlatlistOption}
+                                onEndReached={this.props.onEndReached}
                             />
                             :
                             <ScrollView