DEV-79191: implemented caching images for offline visibility

src/components/Image/BaseImage.ios.tsx

@@ -36,15 +36,19 @@ function BaseImage({onLoad, source, ...props}: BaseImageProps) {
         [onLoad, setAttachmentLoaded, source],
     );
 
+    // Use disk caching for images that need to work offline (e.g., receipts with auth tokens)
+    // Use no caching for other images to avoid memory leaks
+    // Check if cachePolicy is explicitly provided in props, otherwise default based on whether it's an auth-required image
+    const effectiveCachePolicy = props.cachePolicy ?? 'none';
+
     return (
         <ExpoImage
             // Only subscribe to onLoad when a handler is provided to avoid unnecessary event registrations, optimizing performance.
             onLoad={onLoad ? imageLoadedSuccessfully : undefined}
             source={source}
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...props}
-            // Temporary solution only, since other cache policies are causing memory leaks on iOS
-            cachePolicy="none"
+            cachePolicy={effectiveCachePolicy}
         />
     );
 }

src/components/Image/index.tsx

@@ -171,6 +171,9 @@ function Image({
             onLoad={handleLoad}
             style={[style, aspectRatioStyle, shouldOpacityBeZero && {opacity: 0}]}
             source={source}
+            // Enable disk caching for images that require auth tokens (receipts) to make them available offline
+            // Keep default (none) for other images to avoid memory leaks
+            cachePolicy={isAuthTokenRequired ? 'disk' : forwardedProps.cachePolicy}
         />
     );
 }