Merge pull request #6 from harsh25jai/0.0.8

0.1.0

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-advance-image",
-  "version": "0.0.8",
+  "version": "0.1.0",
   "description": "An Advanced Image component supporting multiple props and methods to show image on react native application in a better way.",
   "main": "index.tsx",
   "scripts": {
@@ -26,12 +26,12 @@
     "url": "https://github.com/harsh25jai/react-native-advance-image"
   },
   "dependencies": {
-    "@react-native-masked-view/masked-view": "^0.2.5",
+    "@react-native-community/masked-view": "^0.1.11",
     "react": ">=16.0.1",
     "react-native": ">=0.60.0"
   },
   "peerDependencies": {
-    "@react-native-masked-view/masked-view": "^0.2.5",
+    "@react-native-community/masked-view": ">=0.1.11",
     "react": ">=16.0.1",
     "react-native": ">=0.60.0"
   }

src/AdvanceImageBackground.tsx

@@ -120,7 +120,7 @@ interface AdvanceImageProps {
     children?: React.ReactNode;
 }
 
-export default function AdvanceImage({
+export default function AdvanceImageBackground({
     style,
     source,
     resizeMode,

src/SkeletonPlaceholder/index.js → src/SkeletonPlaceholder/index.tsx

@@ -1,9 +1,16 @@
 import React, { Children, useCallback, useEffect, useMemo, useState } from 'react';
 import { View, Dimensions, Animated, Easing, StyleSheet } from 'react-native';
-import MaskedView from '@react-native-masked-view/masked-view';
+import MaskedView from '@react-native-community/masked-view';
 
 const SCREEN_WIDTH = Dimensions.get("window").width;
-export default ({ children, backgroundColor = "#E1E9EE", speed = 800, highlightColor = "#F2F8FC", ...props }) => {
+
+interface SkeletonPlaceholderProps {
+    children?: any;
+    backgroundColor?: any;
+    speed?: any;
+    highlightColor?: any;
+}
+export default ({ children, backgroundColor = "#E1E9EE", speed = 800, highlightColor = "#F2F8FC", ...props }: SkeletonPlaceholderProps) => {
     const [layout, setLayout] = useState();
     const animatedValue = useMemo(() => new Animated.Value(0), []);
     const translateX = useMemo(() => animatedValue.interpolate({