From 470848c3894f4a9858821a33a73a9f16faf16a91 Mon Sep 17 00:00:00 2001
From: Github <olimpia.zurek@gmail.com>
Date: Fri, 9 May 2025 13:37:16 +0200
Subject: [PATCH] perf: fix icons delay on iOS when switching tabs

---
 src/CONST.ts                          | 1 +
 src/components/ImageSVG/index.ios.tsx | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/src/CONST.ts b/src/CONST.ts
index 30ba4d4e98b9..1500649cdf95 100755
--- a/src/CONST.ts
+++ b/src/CONST.ts
@@ -414,6 +414,7 @@ const CONST = {
     ANIMATION_THUMBS_UP_DELAY: 200,
     ANIMATION_PAID_BUTTON_HIDE_DELAY: 300,
     BACKGROUND_IMAGE_TRANSITION_DURATION: 1000,
+    IMAGE_SVG_TRANSITION_DURATION: 200,
     SCREEN_TRANSITION_END_TIMEOUT: 1000,
     ARROW_HIDE_DELAY: 3000,
     MAX_IMAGE_CANVAS_AREA: 16777216,
diff --git a/src/components/ImageSVG/index.ios.tsx b/src/components/ImageSVG/index.ios.tsx
index b138fb1ab787..50eaf905058b 100644
--- a/src/components/ImageSVG/index.ios.tsx
+++ b/src/components/ImageSVG/index.ios.tsx
@@ -1,6 +1,7 @@
 import {Image} from 'expo-image';
 import React from 'react';
 import type {ImageSourcePropType} from 'react-native';
+import CONST from '@src/CONST';
 import type ImageSVGProps from './types';
 
 function ImageSVG({src, width = '100%', height = '100%', fill, contentFit = 'cover', style, onLoadEnd}: ImageSVGProps) {
@@ -9,11 +10,13 @@ function ImageSVG({src, width = '100%', height = '100%', fill, contentFit = 'cov
     return (
         <Image
             onLoadEnd={onLoadEnd}
+            cachePolicy="memory-disk"
             contentFit={contentFit}
             source={src as ImageSourcePropType}
             style={[{width, height}, style]}
             // eslint-disable-next-line react/jsx-props-no-spreading
             {...tintColorProp}
+            transition={CONST.IMAGE_SVG_TRANSITION_DURATION}
         />
     );
 }