Viktoriia 3 minggu lalu
induk
melakukan
91cb7aa6f5

+ 6 - 1
src/screens/InAppScreens/MessagesScreen/Components/RenderMessageImage.tsx

@@ -24,6 +24,7 @@ const RenderMessageImage = ({
   const fileUri = `${CACHED_ATTACHMENTS_DIR}${currentMessage.attachment?.filename}`;
 
   const [isCached, setIsCached] = useState(false);
+  const [imageLoading, setImageLoading] = useState(true);
 
   useEffect(() => {
     const checkCache = async () => {
@@ -84,8 +85,12 @@ const RenderMessageImage = ({
         loadingIndicatorSource={{ uri: currentMessage.image }}
         style={styles.chatImage}
         resizeMode="cover"
+        onLoadStart={() => setImageLoading(true)}
+        onLoad={() => setImageLoading(false)}
+        onError={() => setImageLoading(false)}
       />
-      {currentMessage.isSending && (
+
+      {(currentMessage.isSending || imageLoading) && (
         <View
           style={{
             position: 'absolute',