Merge pull request Expensify#74023 from nabi-ebrahimi/fix/map-preview-resize

Fix map preview resizing issue after edit causing partial area rendering

Author: inimaga

src/components/ImageWithLoading.tsx

@@ -36,6 +36,7 @@ function ImageWithLoading({
     resizeMode,
     onLoad,
     onLayout,
+    style,
     ...rest
 }: ImageWithSizeLoadingProps) {
     const styles = useThemeStyles();
@@ -85,7 +86,7 @@ function ImageWithLoading({
             <Image
                 // eslint-disable-next-line react/jsx-props-no-spreading
                 {...rest}
-                style={[styles.w100, styles.h100]}
+                style={[styles.w100, styles.h100, style]}
                 onLoadStart={() => {
                     if (isLoadedRef.current ?? isLoading) {
                         return;

src/components/ReceiptImage/index.tsx

@@ -235,7 +235,7 @@ function ReceiptImage({
                 lastUpdateWidthTimestampRef.current = e.timeStamp;
             }}
             source={typeof source === 'string' ? {uri: source} : source}
-            style={[style ?? [styles.w100, styles.h100], styles.overflowHidden]}
+            style={styles.flex1}
             isAuthTokenRequired={!!isAuthTokenRequired}
             loadingIconSize={loadingIconSize}
             loadingIndicatorStyles={loadingIndicatorStyles}

src/styles/index.ts

@@ -5471,6 +5471,7 @@ const staticStyles = (theme: ThemeColors) =>
         flexibleHeight: {
             height: 'auto',
             minHeight: 200,
+            flex: 1,
         },
 
         receiptCellLoadingContainer: {