@teamnhz/rn-ui-toolkit 1.2.5 → 1.2.7

package/dist/components/Image/index.js

@@ -1,11 +1,20 @@
 import React, { useState } from "react";
-import { ActivityIndicator } from "react-native";
-import FastImage from "@d11/react-native-fast-image";
+import { ActivityIndicator, StyleSheet, View, Image as RNImage, } from "react-native";
 const Image = (props) => {
-    const [isLoading, setIsLoading] = useState(props?.isLoading || false);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(FastImage, { ...props, resizeMode: props.resizeMode }, isLoading ?
-            (React.createElement(ActivityIndicator, { style: { position: "absolute", alignSelf: "center", top: 0, bottom: 0, }, size: props.loaderSize || "small", color: props.loaderColor || "#919191" }))
-            : null)));
+    const [isLoading, setIsLoading] = useState(true);
+    return (React.createElement(View, { style: [styles.container, props.style] },
+        React.createElement(RNImage, { ...props, style: [StyleSheet.absoluteFill, props.style], resizeMode: props.resizeMode || "cover", onLoadStart: () => setIsLoading(true), onLoadEnd: () => setIsLoading(false), onError: () => setIsLoading(false) }),
+        isLoading && (React.createElement(ActivityIndicator, { size: props.loaderSize || "small", color: props.loaderColor || "#919191", style: styles.loader }))));
 };
+const styles = StyleSheet.create({
+    container: {
+        overflow: "hidden",
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    loader: {
+        position: "absolute",
+        alignSelf: "center",
+    },
+});
 export default Image;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamnhz/rn-ui-toolkit",
-  "version": "1.2.5",
+  "version": "1.2.7",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "files": [
@@ -20,7 +20,6 @@
     "react-native-date-picker": "^5.0.13",
     "react-native-element-dropdown": "^2.12.4",
     "react-native-elements": "^3.4.3",
-    "@d11/react-native-fast-image": "^8.12.0",
     "react-native-gesture-handler": "^2.26.0",
     "react-native-image-crop-picker": "^0.42.0",
     "react-native-image-picker": "^8.2.0",