Merge branch 'mak12-master'

a Please enter a commit message to explain why this merge is necessary,

Author: Chen Oppenhaim

README.md

@@ -27,8 +27,9 @@ This library accepts all the props of [ScrollView](https://reactnative.dev/docs/
 | fadeSize | Fade size i.e( width incase of horizontal and height incase of vertical ScrollView) | 20     | Number  |
 | fadeColors          | Colors for fade effect        | ['rgba(229, 229, 229, 0.18)', 'rgba(206, 201, 201, 0.6)', 'rgba(206, 201, 201, 0.9)']     | Array  |
 | scrollThreshold          | Threshold to control fade hide/show when it reaches start or end        | 10     | Number  |
-| allowDivider          | Allow divider at fade end.      | false    | Boolean.  |
-| isRtl          | For RTL Layouts      | false    | Boolean.  |
+| allowDivider          | Allow divider at fade end.      | false    | Boolean  |
+| isRtl          | For RTL Layouts      | false    | Boolean  |
+| onContentSizeChange          | onContentSizeChange call back added, function will return contentWidth and contentHeight      |     | Function  |
 
 ### Styling
 For styling pass these props.

package.json

@@ -1,26 +1,39 @@
 {
-  "name": "react-native-fading-scrollview",
-  "version": "1.0.0",
-  "description": "Allowing fade effects on top of react-native ScrollView component",
-  "main": "index.js",
-  "dependencies": {},
-  "devDependencies": {},
+  "name": "rn-faded-scrollview",
+  "version": "1.0.11",
+  "description": "A simple and customizable React Native component that allows you to add fade effect in ScrollView at both ends.",
+  "main": "src/index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
   },
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/chenop/rn-faded-scrollview.git"
+    "url": "git+https://github.com/mak12/rn-faded-scrollview.git"
   },
   "keywords": [
-    "\"scrollview\"",
-    "\"scrollview",
-    "fade\""
+    "react-native",
+    "scrollview",
+    "scrollview faded",
+    "faded scrollview",
+    "fadedscrollview",
+    "faded",
+    "rn-faded-scrollview",
+    "fade",
+    "effects"
   ],
-  "author": "Chen Oppenhaim",
-  "license": "ISC",
+  "author": "Malik Abdul Kawee",
+  "license": "MIT",
   "bugs": {
-    "url": "https://github.com/chenop/rn-faded-scrollview/issues"
+    "url": "https://github.com/mak12/rn-faded-scrollview/issues"
+  },
+  "homepage": "https://github.com/mak12/rn-faded-scrollview#readme",
+  "peerDependencies": {
+    "react": "16.11.0",
+    "react-native": "0.62.2",
+    "react-native-linear-gradient": "^2.x.x"
   },
-  "homepage": "https://github.com/chenop/rn-faded-scrollview#readme"
-}
+  "dependencies": {},
+  "devDependencies": {
+    "metro-react-native-babel-preset": "^0.59.0"
+  }
+}

src/index.js

@@ -119,8 +119,8 @@ class RNFadedScrollView extends Component {
         return (this.props.horizontal ? <View
             style={[{ width: 1, height: '100%', backgroundColor: "#E6E6E6" }, this.props.dividerStyle]}
         /> : <View
-                style={[{ width: '100%', height: 1, backgroundColor: "#E6E6E6" }, this.props.dividerStyle]}
-            />)
+            style={[{ width: '100%', height: 1, backgroundColor: "#E6E6E6" }, this.props.dividerStyle]}
+        />)
     }
 
     render() {
@@ -165,7 +165,8 @@ RNFadedScrollView.propTypes = {
     isCloseToStart: PropTypes.func,
     scrollThreshold: PropTypes.number,
     allowDivider: PropTypes.bool,
-    isRtl: PropTypes.bool
+    isRtl: PropTypes.bool,
+    onContentSizeChange: PropTypes.func
 }
 RNFadedScrollView.defaultProps = {
     allowStartFade: false,
@@ -177,4 +178,4 @@ RNFadedScrollView.defaultProps = {
     isRtl: false
 }
 
-export default React.forwardRef((props, ref) => <RNFadedScrollView {...props} innerRef={ref} />);
+export default React.forwardRef((props, ref) => <RNFadedScrollView {...props} innerRef={ref} />)