Added refreshControl to ScrollView (#43)

Author: sam-n-johnston

README.md

@@ -44,6 +44,8 @@ Called when the active row was released.
 - **onPressRow** (function)<br />
 `(key) => void`<br />
 Called when a row was pressed.
+- **refreshControl** (Object)<br />
+A RefreshControl that works the same way as a ScrollView's refreshControl.
 
 #### Methods
 - **scrollBy(dy?, animated?)** scrolls by a given y offset, either immediately or with a smooth animation

src/SortableList.js

@@ -1,5 +1,5 @@
 import React, {Component, PropTypes} from 'react';
-import {Animated, ScrollView, View, StyleSheet, Platform} from 'react-native';
+import {Animated, ScrollView, View, StyleSheet, Platform, RefreshControl} from 'react-native';
 import {shallowEqual, swapArrayElements} from './utils';
 import Row from './Row';
 
@@ -21,6 +21,7 @@ export default class SortableList extends Component {
     sortingEnabled: PropTypes.bool,
     scrollEnabled: PropTypes.bool,
     horizontal: PropTypes.bool,
+    refreshControl: PropTypes.object,
 
     renderRow: PropTypes.func.isRequired,
 
@@ -148,16 +149,27 @@ export default class SortableList extends Component {
     const {contentContainerStyle, horizontal, style: containerStyle} = this.props;
     const {contentHeight, contentWidth, scrollEnabled} = this.state;
     const innerContainerStyle = [styles.container];
+    let refreshControl = this.props.refreshControl;
 
     if (horizontal) {
       innerContainerStyle.push({width: contentWidth});
     } else {
       innerContainerStyle.push({height: contentHeight});
     }
 
+    if(refreshControl) {
+      refreshControl=(
+        <RefreshControl
+          {...this.props.refreshControl.props}
+          enabled={scrollEnabled}
+        />
+      )
+    }
+
     return (
       <Animated.View style={containerStyle} ref={this._onRefContainer}>
         <ScrollView
+          refreshControl={refreshControl}
           ref={this._onRefScrollView}
           horizontal={horizontal}
           contentContainerStyle={contentContainerStyle}