expo-simple-gallery 0.2.0 → 0.2.1

package/build/ExpoSimpleGalleryModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoSimpleGalleryModal.d.ts","sourceRoot":"","sources":["../src/ExpoSimpleGalleryModal.tsx"],"names":[],"mappings":"AASA,OAAO,KAAK,EACV,iBAAiB,EAElB,MAAM,gCAAgC,CAAC;AAKxC,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,YAAgB,EAChB,OAAO,EACP,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EACZ,KAAK,EACL,eAAe,GAChB,EAAE,iBAAiB,+BA2DnB"}
+{"version":3,"file":"ExpoSimpleGalleryModal.d.ts","sourceRoot":"","sources":["../src/ExpoSimpleGalleryModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,gCAAgC,CAAC;AAK5F,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,IAAI,EACJ,YAAgB,EAChB,OAAO,EACP,gBAAgB,EAAE,gBAAgB,EAClC,YAAY,EACZ,KAAK,EACL,eAAe,GAChB,EAAE,iBAAiB,+BAmDnB"}

package/build/ExpoSimpleGalleryModal.js

@@ -1,7 +1,7 @@
-import { requireNativeView } from 'expo';
+import { requireNativeViewManager } from 'expo-modules-core';
 import { useCallback, useMemo, useState } from 'react';
-import { Modal, StyleSheet, View, } from 'react-native';
-const GalleryViewer = requireNativeView('GalleryImageViewer');
+import { Modal, StyleSheet, View } from 'react-native';
+const GalleryViewer = requireNativeViewManager('GalleryImageViewer');
 export function GalleryModal({ visible, uris, initialIndex = 0, onClose, overlayComponent: OverlayComponent, selectedUris, style, toggleSelection, }) {
     const [currentIndex, setCurrentIndex] = useState(initialIndex);
     const [currentUri, setCurrentUri] = useState(uris[initialIndex] || '');

package/build/ExpoSimpleGalleryModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoSimpleGalleryModal.js","sourceRoot":"","sources":["../src/ExpoSimpleGalleryModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeView } from 'expo';\nimport { type ComponentType, useCallback, useMemo, useState } from 'react';\nimport {\n  Modal,\n  type NativeSyntheticEvent,\n  StyleSheet,\n  View,\n} from 'react-native';\nimport type { GalleryItem } from './ExpoSimpleGallery.types';\nimport type {\n  GalleryModalProps,\n  GalleryViewerProps,\n} from './ExpoSimpleGalleryModal.types';\n\nconst GalleryViewer: ComponentType<GalleryViewerProps> =\n  requireNativeView('GalleryImageViewer');\n\nexport function GalleryModal({\n  visible,\n  uris,\n  initialIndex = 0,\n  onClose,\n  overlayComponent: OverlayComponent,\n  selectedUris,\n  style,\n  toggleSelection,\n}: GalleryModalProps) {\n  const [currentIndex, setCurrentIndex] = useState(initialIndex);\n  const [currentUri, setCurrentUri] = useState(uris[initialIndex] || '');\n  const selected = useMemo(\n    () => selectedUris.has(currentUri),\n    [selectedUris, currentUri]\n  );\n\n  const handlePageChange = useCallback(\n    (event: NativeSyntheticEvent<{ index: number; uri: string }>) => {\n      const { index, uri } = event.nativeEvent;\n      setCurrentIndex(index);\n      setCurrentUri(uri);\n    },\n    []\n  );\n\n  const handleDismissAttempt = useCallback(\n    (event: NativeSyntheticEvent<GalleryItem>) => {\n      onClose(event);\n    },\n    [onClose]\n  );\n\n  const handleSelectionToggle = useCallback(\n    (selected?: boolean) => {\n      toggleSelection(currentUri, selected);\n    },\n    [currentUri, toggleSelection]\n  );\n\n  return (\n    <Modal\n      visible={visible}\n      transparent={true}\n      animationType=\"fade\"\n      onRequestClose={onClose}\n    >\n      <View style={[styles.container, style]}>\n        <GalleryViewer\n          style={styles.viewer}\n          imageData={{ uris, startIndex: initialIndex }}\n          onPageChange={handlePageChange}\n          onDismissAttempt={handleDismissAttempt}\n        />\n\n        {OverlayComponent && (\n          <View style={styles.overlayContainer} pointerEvents=\"box-none\">\n            <OverlayComponent\n              index={currentIndex}\n              uri={currentUri}\n              selected={selected}\n              toggleSelection={handleSelectionToggle}\n            />\n          </View>\n        )}\n      </View>\n    </Modal>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: 'black',\n  },\n  viewer: {\n    flex: 1,\n  },\n  overlayContainer: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n  },\n});\n"]}
+{"version":3,"file":"ExpoSimpleGalleryModal.js","sourceRoot":"","sources":["../src/ExpoSimpleGalleryModal.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeViewManager } from 'expo-modules-core';\nimport { type ComponentType, useCallback, useMemo, useState } from 'react';\nimport { Modal, type NativeSyntheticEvent, StyleSheet, View } from 'react-native';\nimport type { GalleryItem } from './ExpoSimpleGallery.types';\nimport type { GalleryModalProps, GalleryViewerProps } from './ExpoSimpleGalleryModal.types';\n\nconst GalleryViewer: ComponentType<GalleryViewerProps> =\n  requireNativeViewManager('GalleryImageViewer');\n\nexport function GalleryModal({\n  visible,\n  uris,\n  initialIndex = 0,\n  onClose,\n  overlayComponent: OverlayComponent,\n  selectedUris,\n  style,\n  toggleSelection,\n}: GalleryModalProps) {\n  const [currentIndex, setCurrentIndex] = useState(initialIndex);\n  const [currentUri, setCurrentUri] = useState(uris[initialIndex] || '');\n  const selected = useMemo(() => selectedUris.has(currentUri), [selectedUris, currentUri]);\n\n  const handlePageChange = useCallback(\n    (event: NativeSyntheticEvent<{ index: number; uri: string }>) => {\n      const { index, uri } = event.nativeEvent;\n      setCurrentIndex(index);\n      setCurrentUri(uri);\n    },\n    []\n  );\n\n  const handleDismissAttempt = useCallback(\n    (event: NativeSyntheticEvent<GalleryItem>) => {\n      onClose(event);\n    },\n    [onClose]\n  );\n\n  const handleSelectionToggle = useCallback(\n    (selected?: boolean) => {\n      toggleSelection(currentUri, selected);\n    },\n    [currentUri, toggleSelection]\n  );\n\n  return (\n    <Modal visible={visible} transparent={true} animationType=\"fade\" onRequestClose={onClose}>\n      <View style={[styles.container, style]}>\n        <GalleryViewer\n          style={styles.viewer}\n          imageData={{ uris, startIndex: initialIndex }}\n          onPageChange={handlePageChange}\n          onDismissAttempt={handleDismissAttempt}\n        />\n\n        {OverlayComponent && (\n          <View style={styles.overlayContainer} pointerEvents=\"box-none\">\n            <OverlayComponent\n              index={currentIndex}\n              uri={currentUri}\n              selected={selected}\n              toggleSelection={handleSelectionToggle}\n            />\n          </View>\n        )}\n      </View>\n    </Modal>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n    backgroundColor: 'black',\n  },\n  viewer: {\n    flex: 1,\n  },\n  overlayContainer: {\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n  },\n});\n"]}

package/build/ExpoSimpleGalleryView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoSimpleGalleryView.d.ts","sourceRoot":"","sources":["../src/ExpoSimpleGalleryView.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,aAAa,EAOnB,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,KAAK,wBAAwB,EAM7B,KAAK,QAAQ,EACd,MAAM,2BAA2B,CAAC;;;;;;;;;;;;;;;;;;;;AAanC,wBA8QE"}
+{"version":3,"file":"ExpoSimpleGalleryView.d.ts","sourceRoot":"","sources":["../src/ExpoSimpleGalleryView.tsx"],"names":[],"mappings":"AACA,OAAO,EAIL,KAAK,aAAa,EAOnB,MAAM,OAAO,CAAC;AAOf,OAAO,EACL,KAAK,wBAAwB,EAM7B,KAAK,QAAQ,EACd,MAAM,2BAA2B,CAAC;;;;;;;;;;;;;;;;;;;;AAanC,wBA+PE"}

package/build/ExpoSimpleGalleryView.js

@@ -1,11 +1,11 @@
-import { requireNativeView } from 'expo';
+import { requireNativeViewManager } from 'expo-modules-core';
 import { forwardRef, memo, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
 import { processColor, useWindowDimensions, } from 'react-native';
 import { isNestedArray, isNotNullOrUndefined, } from './ExpoSimpleGallery.types';
 import { GalleryModal } from './ExpoSimpleGalleryModal';
 import { MemoizedSectionHeader } from './components/MemoizedSectionHeader';
 import { MemoizedThumbnailOverlayComponent } from './components/MemoizedThumbnailOverlayComponent';
-const NativeView = requireNativeView('ExpoSimpleGallery');
+const NativeView = requireNativeViewManager('ExpoSimpleGallery');
 const NativeViewMemoized = memo(NativeView);
 const OVERLAYS_BUFFER = 10;
 export default forwardRef(function ExpoSimpleGalleryView({ thumbnailOverlayComponent: ThumbnailOverlayComponent, fullscreenViewOverlayComponent: FullscreenOverlayComponent = () => null, sectionHeaderComponent: SectionHeaderComponent, sectionHeaderStyle, assets, thumbnailStyle, onSelectionChange, onOverlayPreloadRequested, onSectionHeadersVisible, debugLabels = false, onThumbnailPress, fullscreenViewOverlayStyle, onPreviewMenuOptionSelected, contextMenuOptions, initiallySelected, ...props }, forwardedRef) {
@@ -78,10 +78,13 @@ export default forwardRef(function ExpoSimpleGalleryView({ thumbnailOverlayCompo
         onThumbnailPress?.(event);
     }, [onThumbnailPress, openImageViewer]);
     const handleModalClose = useCallback((event) => {
-        internalRef.current?.centerOnIndex(event.nativeEvent.index);
+        const index = event.nativeEvent.index;
         setModalVisible(false);
+        internalRef.current?.centerOnIndex(index);
     }, []);
-    const thumbnailOverlays = useMemo(() => assets.flat().map((uri, index) => ThumbnailOverlayComponent ? (<MemoizedThumbnailOverlayComponent key={uri} OverlayComponent={ThumbnailOverlayComponent} uri={uri} index={index} width={thumbnailWidth} height={thumbnailHeight} selected={selectedUris.has(uri)} debugLabels={debugLabels} isNull={!(index >= visibleRangeMin - OVERLAYS_BUFFER &&
+    const thumbnailOverlays = useMemo(() => assets.flat().map((uri, index) => ThumbnailOverlayComponent ? (<MemoizedThumbnailOverlayComponent 
+    // biome-ignore lint/suspicious/noArrayIndexKey: we need to force re-render on order change
+    key={`${uri}-${index}`} OverlayComponent={ThumbnailOverlayComponent} uri={uri} index={index} width={thumbnailWidth} height={thumbnailHeight} selected={selectedUris.has(uri)} debugLabels={debugLabels} isNull={!(index >= visibleRangeMin - OVERLAYS_BUFFER &&
             index <= visibleRangeMax + OVERLAYS_BUFFER)}/>) : null), [
         assets,
         ThumbnailOverlayComponent,
@@ -126,7 +129,9 @@ export default forwardRef(function ExpoSimpleGalleryView({ thumbnailOverlayCompo
         internalRef.current?.setSelected([...newSet]);
     }, [selectedUris]);
     return (<>
-        <NativeViewMemoized {...props} thumbnailStyle={thumbnailStyleProcessed} sectionHeaderStyle={sectionHeaderStyle} assets={assets} onSelectionChange={handleSelectionChange} onOverlayPreloadRequested={handleOverlayPreloadRequest} onSectionHeadersVisible={handleSectionHeadersVisible} onThumbnailPress={handleThumbnailPress} onPreviewMenuOptionSelected={handlePreviewMenuOptionSelected} contextMenuOptions={contextMenuOptions} onLayout={() => {
+        <NativeViewMemoized 
+    // key={assets.length}
+    {...props} thumbnailStyle={thumbnailStyleProcessed} sectionHeaderStyle={sectionHeaderStyle} assets={assets} onSelectionChange={handleSelectionChange} onOverlayPreloadRequested={handleOverlayPreloadRequest} onSectionHeadersVisible={handleSectionHeadersVisible} onThumbnailPress={handleThumbnailPress} onPreviewMenuOptionSelected={handlePreviewMenuOptionSelected} contextMenuOptions={contextMenuOptions} onLayout={() => {
             if (initiallySelected) {
                 internalRef.current?.setSelected(initiallySelected?.filter(isNotNullOrUndefined));
             }
@@ -161,8 +166,7 @@ function useThumbnailDimensions({ thumbnailStyle, contentContainerStyle, columns
             contentContainerStyle?.paddingHorizontal ??
             contentContainerStyle?.padding ??
             0;
-        const padding = Number.parseFloat(paddingLeft) +
-            Number.parseFloat(paddingRight);
+        const padding = Number.parseFloat(paddingLeft) + Number.parseFloat(paddingRight);
         const thumbnailWidth = (width - padding - (columnsCount - 1) * thumbnailsSpacing) / columnsCount;
         const thumbnailHeight = thumbnailWidth / thumbnailAspectRatio;
         return { thumbnailWidth, thumbnailHeight };

package/build/ExpoSimpleGalleryView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExpoSimpleGalleryView.js","sourceRoot":"","sources":["../src/ExpoSimpleGalleryView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeView } from 'expo';\nimport {\n  type ComponentType,\n  forwardRef,\n  memo,\n  type RefAttributes,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  type ColorValue,\n  type NativeSyntheticEvent,\n  processColor,\n  useWindowDimensions,\n} from 'react-native';\nimport {\n  type ExpoSimpleGalleryMethods,\n  type ExpoSimpleGalleryViewProps,\n  type GalleryItem,\n  isNestedArray,\n  isNotNullOrUndefined,\n  type OnPreviewMenuOptionSelectedPayload,\n  type UIAction,\n} from './ExpoSimpleGallery.types';\nimport { GalleryModal } from './ExpoSimpleGalleryModal';\nimport { MemoizedSectionHeader } from './components/MemoizedSectionHeader';\nimport { MemoizedThumbnailOverlayComponent } from './components/MemoizedThumbnailOverlayComponent';\n\nconst NativeView: ComponentType<\n  ExpoSimpleGalleryViewProps & RefAttributes<ExpoSimpleGalleryMethods>\n> = requireNativeView('ExpoSimpleGallery');\n\nconst NativeViewMemoized = memo(NativeView);\n\nconst OVERLAYS_BUFFER = 10;\n\nexport default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(\n  function ExpoSimpleGalleryView(\n    {\n      thumbnailOverlayComponent: ThumbnailOverlayComponent,\n      fullscreenViewOverlayComponent: FullscreenOverlayComponent = () => null,\n      sectionHeaderComponent: SectionHeaderComponent,\n      sectionHeaderStyle,\n      assets,\n      thumbnailStyle,\n      onSelectionChange,\n      onOverlayPreloadRequested,\n      onSectionHeadersVisible,\n      debugLabels = false,\n      onThumbnailPress,\n      fullscreenViewOverlayStyle,\n      onPreviewMenuOptionSelected,\n      contextMenuOptions,\n      initiallySelected,\n      ...props\n    }: ExpoSimpleGalleryViewProps,\n    forwardedRef\n  ) {\n    const { width } = useWindowDimensions();\n    const { thumbnailWidth, thumbnailHeight, thumbnailStyleProcessed } =\n      useThumbnailDimensions({\n        thumbnailStyle,\n        contentContainerStyle: props.contentContainerStyle,\n        columnsCount: props.columnsCount,\n      });\n\n    const openImageViewer = useCallback((index: number) => {\n      setInitialIndex(index);\n      setModalVisible(true);\n    }, []);\n\n    const thumbnailPressActionRef = useRef(props.thumbnailPressAction);\n    useEffect(() => {\n      thumbnailPressActionRef.current = props.thumbnailPressAction;\n    }, [props.thumbnailPressAction]);\n\n    const internalRef = useRef<ExpoSimpleGalleryMethods>(null);\n    useImperativeHandle(forwardedRef, () => ({\n      centerOnIndex: async (index: number) => {\n        internalRef.current?.centerOnIndex(index);\n      },\n      setSelected: async (uris: string[]) => {\n        internalRef.current?.setSelected(uris);\n      },\n      setThumbnailPressAction: async (\n        action: ExpoSimpleGalleryViewProps['thumbnailPressAction']\n      ) => {\n        thumbnailPressActionRef.current = action;\n        internalRef.current?.setThumbnailPressAction(action);\n      },\n      setThumbnailLongPressAction: async (\n        action: ExpoSimpleGalleryViewProps['thumbnailLongPressAction']\n      ) => {\n        internalRef.current?.setThumbnailLongPressAction(action);\n      },\n      setThumbnailPanAction: async (\n        action: ExpoSimpleGalleryViewProps['thumbnailPanAction']\n      ) => {\n        internalRef.current?.setThumbnailPanAction(action);\n      },\n      setContextMenuOptions: async (options: UIAction[]) => {\n        internalRef.current?.setContextMenuOptions(options);\n      },\n      openImageViewer,\n      closeImageViewer: () => {\n        setModalVisible(false);\n      },\n    }));\n\n    const [modalVisible, setModalVisible] = useState(false);\n    const [initialIndex, setInitialIndex] = useState(0);\n\n    const [selectedUris, setSelectedUris] = useState<Set<string>>(new Set());\n\n    const [visibleRange, setVisibleRange] = useState<[number, number]>([0, 0]);\n    const visibleRangeMin = useMemo(() => visibleRange[0], [visibleRange]);\n    const visibleRangeMax = useMemo(() => visibleRange[1], [visibleRange]);\n\n    const [visibleHeaders, setVisibleHeaders] = useState<number[]>([0]);\n    const visibleHeadersRangeMin = useMemo(\n      () => Math.min(...visibleHeaders),\n      [visibleHeaders]\n    );\n    const visibleHeadersRangeMax = useMemo(\n      () => Math.max(...visibleHeaders),\n      [visibleHeaders]\n    );\n\n    const handleSelectionChange = useCallback(\n      (event: NativeSyntheticEvent<{ selected: string[] }>) => {\n        setSelectedUris(new Set(event.nativeEvent.selected));\n        onSelectionChange?.(event);\n      },\n      [onSelectionChange]\n    );\n\n    const handleOverlayPreloadRequest = useCallback(\n      (event: NativeSyntheticEvent<{ range: [number, number] }>) => {\n        const [start, end] = event.nativeEvent.range;\n        setVisibleRange([start, end]);\n        onOverlayPreloadRequested?.(event);\n      },\n      [onOverlayPreloadRequested]\n    );\n\n    const handleSectionHeadersVisible = useCallback(\n      (event: NativeSyntheticEvent<{ sections: number[] }>) => {\n        setVisibleHeaders(event.nativeEvent.sections);\n        onSectionHeadersVisible?.(event);\n      },\n      [onSectionHeadersVisible]\n    );\n\n    const handleThumbnailPress = useCallback(\n      (event: NativeSyntheticEvent<GalleryItem>) => {\n        if (thumbnailPressActionRef.current === 'open') {\n          openImageViewer(event.nativeEvent.index);\n        }\n        onThumbnailPress?.(event);\n      },\n      [onThumbnailPress, openImageViewer]\n    );\n\n    const handleModalClose = useCallback(\n      (event: NativeSyntheticEvent<GalleryItem>) => {\n        internalRef.current?.centerOnIndex(event.nativeEvent.index);\n        setModalVisible(false);\n      },\n      []\n    );\n\n    const thumbnailOverlays = useMemo(\n      () =>\n        assets.flat().map((uri, index) =>\n          ThumbnailOverlayComponent ? (\n            <MemoizedThumbnailOverlayComponent\n              key={uri}\n              OverlayComponent={ThumbnailOverlayComponent}\n              uri={uri}\n              index={index}\n              width={thumbnailWidth}\n              height={thumbnailHeight}\n              selected={selectedUris.has(uri)}\n              debugLabels={debugLabels}\n              isNull={\n                !(\n                  index >= visibleRangeMin - OVERLAYS_BUFFER &&\n                  index <= visibleRangeMax + OVERLAYS_BUFFER\n                )\n              }\n              // isNull={false}\n            />\n          ) : null\n        ),\n      [\n        assets,\n        ThumbnailOverlayComponent,\n        thumbnailWidth,\n        thumbnailHeight,\n        selectedUris,\n        visibleRangeMin,\n        visibleRangeMax,\n        debugLabels,\n      ]\n    );\n\n    const sectionHeaders = useMemo(() => {\n      if (!SectionHeaderComponent || !isNestedArray(assets)) return null;\n      return assets.map((group, index) => (\n        <MemoizedSectionHeader\n          key={JSON.stringify(group)}\n          SectionHeader={SectionHeaderComponent}\n          index={index}\n          width={width}\n          height={Number.parseFloat(\n            (sectionHeaderStyle?.height ?? 0).toString()\n          )}\n          debugLabels={debugLabels}\n          isNull={\n            !(\n              index >= visibleHeadersRangeMin - OVERLAYS_BUFFER &&\n              index <= visibleHeadersRangeMax + OVERLAYS_BUFFER\n            )\n          }\n        />\n      ));\n    }, [\n      SectionHeaderComponent,\n      assets,\n      sectionHeaderStyle?.height,\n      debugLabels,\n      width,\n      visibleHeadersRangeMin,\n      visibleHeadersRangeMax,\n    ]);\n\n    const children = useMemo(\n      () => [sectionHeaders, thumbnailOverlays],\n      [sectionHeaders, thumbnailOverlays]\n    );\n\n    const handlePreviewMenuOptionSelected = useCallback(\n      (event: NativeSyntheticEvent<OnPreviewMenuOptionSelectedPayload>) => {\n        const action =\n          contextMenuOptions?.[event.nativeEvent.optionIndex]?.action;\n        action?.({\n          uri: event.nativeEvent.uri,\n          index: event.nativeEvent.index,\n        });\n      },\n      [contextMenuOptions]\n    );\n\n    const handleToggleSelection = useCallback(\n      (uri: string, selected?: boolean) => {\n        const shouldSetSelected =\n          selected === undefined ? !selectedUris.has(uri) : selected;\n        const newSet = new Set(selectedUris);\n        if (shouldSetSelected) {\n          newSet.add(uri);\n        } else {\n          newSet.delete(uri);\n        }\n        internalRef.current?.setSelected([...newSet]);\n      },\n      [selectedUris]\n    );\n\n    return (\n      <>\n        <NativeViewMemoized\n          {...props}\n          thumbnailStyle={thumbnailStyleProcessed}\n          sectionHeaderStyle={sectionHeaderStyle}\n          assets={assets}\n          onSelectionChange={handleSelectionChange}\n          onOverlayPreloadRequested={handleOverlayPreloadRequest}\n          onSectionHeadersVisible={handleSectionHeadersVisible}\n          onThumbnailPress={handleThumbnailPress}\n          onPreviewMenuOptionSelected={handlePreviewMenuOptionSelected}\n          contextMenuOptions={contextMenuOptions}\n          onLayout={() => {\n            if (initiallySelected) {\n              internalRef.current?.setSelected(\n                initiallySelected?.filter(isNotNullOrUndefined)\n              );\n            }\n          }}\n          ref={internalRef}\n        >\n          {/* @ts-expect-error type of children is intentionally set to never | undefined */}\n          {children}\n        </NativeViewMemoized>\n        <GalleryModal\n          visible={modalVisible}\n          uris={assets.flat()}\n          initialIndex={initialIndex}\n          onClose={handleModalClose}\n          selectedUris={selectedUris}\n          overlayComponent={FullscreenOverlayComponent}\n          style={fullscreenViewOverlayStyle}\n          toggleSelection={handleToggleSelection}\n        />\n      </>\n    );\n  }\n);\n\nfunction useThumbnailDimensions({\n  thumbnailStyle,\n  contentContainerStyle,\n  columnsCount = 2,\n}: {\n  thumbnailStyle: ExpoSimpleGalleryViewProps['thumbnailStyle'];\n  contentContainerStyle: ExpoSimpleGalleryViewProps['contentContainerStyle'];\n  columnsCount?: number;\n}) {\n  const { width } = useWindowDimensions();\n  const thumbnailStyleProcessed = useMemo(() => {\n    if (!thumbnailStyle?.borderColor) return thumbnailStyle;\n    const { borderColor } = thumbnailStyle;\n    return {\n      ...thumbnailStyle,\n      borderColor: (processColor(borderColor) as ColorValue) ?? undefined,\n    };\n  }, [thumbnailStyle]);\n  const { thumbnailWidth, thumbnailHeight } = useMemo(() => {\n    const thumbnailAspectRatio =\n      Number.parseFloat(\n        (thumbnailStyleProcessed?.aspectRatio as string) ?? ''\n      ) || 1;\n\n    const thumbnailsSpacing = contentContainerStyle?.gap\n      ? Number.parseInt(contentContainerStyle?.gap.toString())\n      : 0;\n    const paddingLeft =\n      contentContainerStyle?.paddingLeft ??\n      contentContainerStyle?.paddingHorizontal ??\n      contentContainerStyle?.padding ??\n      0;\n    const paddingRight =\n      contentContainerStyle?.paddingRight ??\n      contentContainerStyle?.paddingHorizontal ??\n      contentContainerStyle?.padding ??\n      0;\n    const padding =\n      Number.parseFloat(paddingLeft as string) +\n      Number.parseFloat(paddingRight as string);\n    const thumbnailWidth =\n      (width - padding - (columnsCount - 1) * thumbnailsSpacing) / columnsCount;\n    const thumbnailHeight = thumbnailWidth / thumbnailAspectRatio;\n    return { thumbnailWidth, thumbnailHeight };\n  }, [width, thumbnailStyleProcessed, columnsCount, contentContainerStyle]);\n  return { thumbnailWidth, thumbnailHeight, thumbnailStyleProcessed };\n}\n"]}
+{"version":3,"file":"ExpoSimpleGalleryView.js","sourceRoot":"","sources":["../src/ExpoSimpleGalleryView.tsx"],"names":[],"mappings":"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","sourcesContent":["import { requireNativeViewManager } from 'expo-modules-core';\nimport {\n  type ComponentType,\n  forwardRef,\n  memo,\n  type RefAttributes,\n  useCallback,\n  useEffect,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n  useState,\n} from 'react';\nimport {\n  type ColorValue,\n  type NativeSyntheticEvent,\n  processColor,\n  useWindowDimensions,\n} from 'react-native';\nimport {\n  type ExpoSimpleGalleryMethods,\n  type ExpoSimpleGalleryViewProps,\n  type GalleryItem,\n  isNestedArray,\n  isNotNullOrUndefined,\n  type OnPreviewMenuOptionSelectedPayload,\n  type UIAction,\n} from './ExpoSimpleGallery.types';\nimport { GalleryModal } from './ExpoSimpleGalleryModal';\nimport { MemoizedSectionHeader } from './components/MemoizedSectionHeader';\nimport { MemoizedThumbnailOverlayComponent } from './components/MemoizedThumbnailOverlayComponent';\n\nconst NativeView: ComponentType<\n  ExpoSimpleGalleryViewProps & RefAttributes<ExpoSimpleGalleryMethods>\n> = requireNativeViewManager('ExpoSimpleGallery');\n\nconst NativeViewMemoized = memo(NativeView);\n\nconst OVERLAYS_BUFFER = 10;\n\nexport default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(\n  function ExpoSimpleGalleryView(\n    {\n      thumbnailOverlayComponent: ThumbnailOverlayComponent,\n      fullscreenViewOverlayComponent: FullscreenOverlayComponent = () => null,\n      sectionHeaderComponent: SectionHeaderComponent,\n      sectionHeaderStyle,\n      assets,\n      thumbnailStyle,\n      onSelectionChange,\n      onOverlayPreloadRequested,\n      onSectionHeadersVisible,\n      debugLabels = false,\n      onThumbnailPress,\n      fullscreenViewOverlayStyle,\n      onPreviewMenuOptionSelected,\n      contextMenuOptions,\n      initiallySelected,\n      ...props\n    }: ExpoSimpleGalleryViewProps,\n    forwardedRef\n  ) {\n    const { width } = useWindowDimensions();\n    const { thumbnailWidth, thumbnailHeight, thumbnailStyleProcessed } = useThumbnailDimensions({\n      thumbnailStyle,\n      contentContainerStyle: props.contentContainerStyle,\n      columnsCount: props.columnsCount,\n    });\n\n    const openImageViewer = useCallback((index: number) => {\n      setInitialIndex(index);\n      setModalVisible(true);\n    }, []);\n\n    const thumbnailPressActionRef = useRef(props.thumbnailPressAction);\n    useEffect(() => {\n      thumbnailPressActionRef.current = props.thumbnailPressAction;\n    }, [props.thumbnailPressAction]);\n\n    const internalRef = useRef<ExpoSimpleGalleryMethods>(null);\n    useImperativeHandle(forwardedRef, () => ({\n      centerOnIndex: async (index: number) => {\n        internalRef.current?.centerOnIndex(index);\n      },\n      setSelected: async (uris: string[]) => {\n        internalRef.current?.setSelected(uris);\n      },\n      setThumbnailPressAction: async (\n        action: ExpoSimpleGalleryViewProps['thumbnailPressAction']\n      ) => {\n        thumbnailPressActionRef.current = action;\n        internalRef.current?.setThumbnailPressAction(action);\n      },\n      setThumbnailLongPressAction: async (\n        action: ExpoSimpleGalleryViewProps['thumbnailLongPressAction']\n      ) => {\n        internalRef.current?.setThumbnailLongPressAction(action);\n      },\n      setThumbnailPanAction: async (action: ExpoSimpleGalleryViewProps['thumbnailPanAction']) => {\n        internalRef.current?.setThumbnailPanAction(action);\n      },\n      setContextMenuOptions: async (options: UIAction[]) => {\n        internalRef.current?.setContextMenuOptions(options);\n      },\n      openImageViewer,\n      closeImageViewer: () => {\n        setModalVisible(false);\n      },\n    }));\n\n    const [modalVisible, setModalVisible] = useState(false);\n    const [initialIndex, setInitialIndex] = useState(0);\n\n    const [selectedUris, setSelectedUris] = useState<Set<string>>(new Set());\n\n    const [visibleRange, setVisibleRange] = useState<[number, number]>([0, 0]);\n    const visibleRangeMin = useMemo(() => visibleRange[0], [visibleRange]);\n    const visibleRangeMax = useMemo(() => visibleRange[1], [visibleRange]);\n\n    const [visibleHeaders, setVisibleHeaders] = useState<number[]>([0]);\n    const visibleHeadersRangeMin = useMemo(() => Math.min(...visibleHeaders), [visibleHeaders]);\n    const visibleHeadersRangeMax = useMemo(() => Math.max(...visibleHeaders), [visibleHeaders]);\n\n    const handleSelectionChange = useCallback(\n      (event: NativeSyntheticEvent<{ selected: string[] }>) => {\n        setSelectedUris(new Set(event.nativeEvent.selected));\n        onSelectionChange?.(event);\n      },\n      [onSelectionChange]\n    );\n\n    const handleOverlayPreloadRequest = useCallback(\n      (event: NativeSyntheticEvent<{ range: [number, number] }>) => {\n        const [start, end] = event.nativeEvent.range;\n        setVisibleRange([start, end]);\n        onOverlayPreloadRequested?.(event);\n      },\n      [onOverlayPreloadRequested]\n    );\n\n    const handleSectionHeadersVisible = useCallback(\n      (event: NativeSyntheticEvent<{ sections: number[] }>) => {\n        setVisibleHeaders(event.nativeEvent.sections);\n        onSectionHeadersVisible?.(event);\n      },\n      [onSectionHeadersVisible]\n    );\n\n    const handleThumbnailPress = useCallback(\n      (event: NativeSyntheticEvent<GalleryItem>) => {\n        if (thumbnailPressActionRef.current === 'open') {\n          openImageViewer(event.nativeEvent.index);\n        }\n        onThumbnailPress?.(event);\n      },\n      [onThumbnailPress, openImageViewer]\n    );\n\n    const handleModalClose = useCallback((event: NativeSyntheticEvent<GalleryItem>) => {\n      const index = event.nativeEvent.index;\n      setModalVisible(false);\n      internalRef.current?.centerOnIndex(index);\n    }, []);\n\n    const thumbnailOverlays = useMemo(\n      () =>\n        assets.flat().map((uri, index) =>\n          ThumbnailOverlayComponent ? (\n            <MemoizedThumbnailOverlayComponent\n              // biome-ignore lint/suspicious/noArrayIndexKey: we need to force re-render on order change\n              key={`${uri}-${index}`}\n              OverlayComponent={ThumbnailOverlayComponent}\n              uri={uri}\n              index={index}\n              width={thumbnailWidth}\n              height={thumbnailHeight}\n              selected={selectedUris.has(uri)}\n              debugLabels={debugLabels}\n              isNull={\n                !(\n                  index >= visibleRangeMin - OVERLAYS_BUFFER &&\n                  index <= visibleRangeMax + OVERLAYS_BUFFER\n                )\n              }\n              // isNull={false}\n            />\n          ) : null\n        ),\n      [\n        assets,\n        ThumbnailOverlayComponent,\n        thumbnailWidth,\n        thumbnailHeight,\n        selectedUris,\n        visibleRangeMin,\n        visibleRangeMax,\n        debugLabels,\n      ]\n    );\n\n    const sectionHeaders = useMemo(() => {\n      if (!SectionHeaderComponent || !isNestedArray(assets)) return null;\n      return assets.map((group, index) => (\n        <MemoizedSectionHeader\n          key={JSON.stringify(group)}\n          SectionHeader={SectionHeaderComponent}\n          index={index}\n          width={width}\n          height={Number.parseFloat((sectionHeaderStyle?.height ?? 0).toString())}\n          debugLabels={debugLabels}\n          isNull={\n            !(\n              index >= visibleHeadersRangeMin - OVERLAYS_BUFFER &&\n              index <= visibleHeadersRangeMax + OVERLAYS_BUFFER\n            )\n          }\n        />\n      ));\n    }, [\n      SectionHeaderComponent,\n      assets,\n      sectionHeaderStyle?.height,\n      debugLabels,\n      width,\n      visibleHeadersRangeMin,\n      visibleHeadersRangeMax,\n    ]);\n\n    const children = useMemo(\n      () => [sectionHeaders, thumbnailOverlays],\n      [sectionHeaders, thumbnailOverlays]\n    );\n\n    const handlePreviewMenuOptionSelected = useCallback(\n      (event: NativeSyntheticEvent<OnPreviewMenuOptionSelectedPayload>) => {\n        const action = contextMenuOptions?.[event.nativeEvent.optionIndex]?.action;\n        action?.({\n          uri: event.nativeEvent.uri,\n          index: event.nativeEvent.index,\n        });\n      },\n      [contextMenuOptions]\n    );\n\n    const handleToggleSelection = useCallback(\n      (uri: string, selected?: boolean) => {\n        const shouldSetSelected = selected === undefined ? !selectedUris.has(uri) : selected;\n        const newSet = new Set(selectedUris);\n        if (shouldSetSelected) {\n          newSet.add(uri);\n        } else {\n          newSet.delete(uri);\n        }\n        internalRef.current?.setSelected([...newSet]);\n      },\n      [selectedUris]\n    );\n\n    return (\n      <>\n        <NativeViewMemoized\n          // key={assets.length}\n          {...props}\n          thumbnailStyle={thumbnailStyleProcessed}\n          sectionHeaderStyle={sectionHeaderStyle}\n          assets={assets}\n          onSelectionChange={handleSelectionChange}\n          onOverlayPreloadRequested={handleOverlayPreloadRequest}\n          onSectionHeadersVisible={handleSectionHeadersVisible}\n          onThumbnailPress={handleThumbnailPress}\n          onPreviewMenuOptionSelected={handlePreviewMenuOptionSelected}\n          contextMenuOptions={contextMenuOptions}\n          onLayout={() => {\n            if (initiallySelected) {\n              internalRef.current?.setSelected(initiallySelected?.filter(isNotNullOrUndefined));\n            }\n          }}\n          ref={internalRef}\n        >\n          {/* @ts-expect-error type of children is intentionally set to never | undefined */}\n          {children}\n        </NativeViewMemoized>\n        <GalleryModal\n          visible={modalVisible}\n          uris={assets.flat()}\n          initialIndex={initialIndex}\n          onClose={handleModalClose}\n          selectedUris={selectedUris}\n          overlayComponent={FullscreenOverlayComponent}\n          style={fullscreenViewOverlayStyle}\n          toggleSelection={handleToggleSelection}\n        />\n      </>\n    );\n  }\n);\n\nfunction useThumbnailDimensions({\n  thumbnailStyle,\n  contentContainerStyle,\n  columnsCount = 2,\n}: {\n  thumbnailStyle: ExpoSimpleGalleryViewProps['thumbnailStyle'];\n  contentContainerStyle: ExpoSimpleGalleryViewProps['contentContainerStyle'];\n  columnsCount?: number;\n}) {\n  const { width } = useWindowDimensions();\n  const thumbnailStyleProcessed = useMemo(() => {\n    if (!thumbnailStyle?.borderColor) return thumbnailStyle;\n    const { borderColor } = thumbnailStyle;\n    return {\n      ...thumbnailStyle,\n      borderColor: (processColor(borderColor) as ColorValue) ?? undefined,\n    };\n  }, [thumbnailStyle]);\n  const { thumbnailWidth, thumbnailHeight } = useMemo(() => {\n    const thumbnailAspectRatio =\n      Number.parseFloat((thumbnailStyleProcessed?.aspectRatio as string) ?? '') || 1;\n\n    const thumbnailsSpacing = contentContainerStyle?.gap\n      ? Number.parseInt(contentContainerStyle?.gap.toString())\n      : 0;\n    const paddingLeft =\n      contentContainerStyle?.paddingLeft ??\n      contentContainerStyle?.paddingHorizontal ??\n      contentContainerStyle?.padding ??\n      0;\n    const paddingRight =\n      contentContainerStyle?.paddingRight ??\n      contentContainerStyle?.paddingHorizontal ??\n      contentContainerStyle?.padding ??\n      0;\n    const padding =\n      Number.parseFloat(paddingLeft as string) + Number.parseFloat(paddingRight as string);\n    const thumbnailWidth =\n      (width - padding - (columnsCount - 1) * thumbnailsSpacing) / columnsCount;\n    const thumbnailHeight = thumbnailWidth / thumbnailAspectRatio;\n    return { thumbnailWidth, thumbnailHeight };\n  }, [width, thumbnailStyleProcessed, columnsCount, contentContainerStyle]);\n  return { thumbnailWidth, thumbnailHeight, thumbnailStyleProcessed };\n}\n"]}

package/ios/ExpoSimpleGalleryModule.swift

@@ -61,7 +61,6 @@ public class ExpoSimpleGalleryModule: Module {
       }
 
       AsyncFunction("centerOnIndex") { (view: ExpoSimpleGalleryView, index: Int) in
-        print("AsyncFunction(centerOnIndex)")
         view.galleryView?.centerOnIndex(index)
       }.runOnQueue(.main)
 

package/ios/ExpoSimpleGalleryView.swift

@@ -40,38 +40,41 @@ final class ExpoSimpleGalleryView: ExpoView, ContextMenuActionsDelegate {
   }
 
   override func mountChildComponentView(_ childComponentView: UIView, index: Int) {
-    DispatchQueue.main.async { [weak self] in
-      guard let self else { return }
-      guard childComponentView.superview == nil else { return }
-      guard let label = childComponentView.accessibilityLabel else {
-        self.callSuperMountChildComponentView(childComponentView, index: index)
+    // DispatchQueue.main.async { [weak self] in
+    //   guard let self else { return }
+    guard childComponentView.superview == nil else { return }
+    guard let label = childComponentView.accessibilityLabel else {
+      self.callSuperMountChildComponentView(childComponentView, index: index)
+      return
+    }
+
+    if label.starts(with: "GalleryViewOverlay_") {
+      guard let id = Int(label.replacingOccurrences(of: "GalleryViewOverlay_", with: "")) else {
         return
       }
+      let component = ReactMountingComponent(view: childComponentView, index: index)
+      self.overlays["thumbnail"]?[id] = component
 
-      if label.starts(with: "GalleryViewOverlay_") {
-        guard let id = Int(label.replacingOccurrences(of: "GalleryViewOverlay_", with: "")) else { return }
-        let component = ReactMountingComponent(view: childComponentView, index: index)
-        self.overlays["thumbnail"]?[id] = component
+      if let cell = self.galleryView?.cell(withIndex: id) {
+        self.mount(to: cell, overlay: component)
+      }
+    } else if label.starts(with: "SectionHeaderOverlay_") {
+      guard let sectionId = Int(label.replacingOccurrences(of: "SectionHeaderOverlay_", with: ""))
+      else { return }
+      let component = ReactMountingComponent(view: childComponentView, index: index)
+      self.overlays["sectionHeader"]?[sectionId] = component
 
-        if let cell = self.galleryView?.cell(withIndex: id) {
-          self.mount(to: cell, overlay: component)
-        }
-      } else if label.starts(with: "SectionHeaderOverlay_") {
-        guard let sectionId = Int(label.replacingOccurrences(of: "SectionHeaderOverlay_", with: "")) else { return }
-        let component = ReactMountingComponent(view: childComponentView, index: index)
-        self.overlays["sectionHeader"]?[sectionId] = component
-
-        if let galleryView = self.galleryView, galleryView.isGroupedLayout {
-          let indexPath = IndexPath(item: 0, section: sectionId)
-          if let headerView = galleryView.supplementaryView(
-            forElementKind: UICollectionView.elementKindSectionHeader,
-            at: indexPath) as? GallerySectionHeaderView
-          {
-            self.mount(to: headerView, overlay: component)
-          }
+      if let galleryView = self.galleryView, galleryView.isGroupedLayout {
+        let indexPath = IndexPath(item: 0, section: sectionId)
+        if let headerView = galleryView.supplementaryView(
+          forElementKind: UICollectionView.elementKindSectionHeader,
+          at: indexPath) as? GallerySectionHeaderView
+        {
+          self.mount(to: headerView, overlay: component)
         }
       }
     }
+    // }
   }
 
   override func unmountChildComponentView(_ childComponentView: UIView, index: Int) {
@@ -80,10 +83,13 @@ final class ExpoSimpleGalleryView: ExpoView, ContextMenuActionsDelegate {
     guard let label = childComponentView.accessibilityLabel else { return }
 
     if label.starts(with: "GalleryViewOverlay_") {
-      guard let id = Int(label.replacingOccurrences(of: "GalleryViewOverlay_", with: "")) else { return }
+      guard let id = Int(label.replacingOccurrences(of: "GalleryViewOverlay_", with: "")) else {
+        return
+      }
       overlays["thumbnail"]?[id] = nil
     } else if label.starts(with: "SectionHeaderOverlay_") {
-      guard let sectionId = Int(label.replacingOccurrences(of: "SectionHeaderOverlay_", with: "")) else { return }
+      guard let sectionId = Int(label.replacingOccurrences(of: "SectionHeaderOverlay_", with: ""))
+      else { return }
       overlays["sectionHeader"]?[sectionId] = nil
     }
   }
@@ -151,14 +157,29 @@ extension ExpoSimpleGalleryView: OverlayMountingDelegate {
   }
 
   func mount<T: OverlayContainer>(to container: T, overlay: ReactMountingComponent) {
-    DispatchQueue.main.async { [weak self] in
-      guard overlay.view.superview == nil else { return }
-      guard self?.getMountedOverlayComponent(for: container)?.view != overlay.view else { return }
-      // TODO: fix remounting after props (uris list) update
-      container.overlayContainer.mountChildComponentView(overlay.view, index: overlay.index)
-      // container.overlayContainer.addSubview(overlay.view)
-      overlay.view.didMoveToSuperview()
+    // DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) { [weak self] in
+    // guard let self else { return }
+
+    // if overlay.view.superview == container.overlayContainer {
+    //   // Already mounted, no need to remount
+    //   return
+    // } else
+
+    if overlay.view.superview != nil {
+      // If the overlay is already mounted somewhere else, unmount it first
+      self.unmount(overlay: overlay)
+    }
+
+    // guard overlay.view.superview == nil else { return }
+    if self.getMountedOverlayComponent(for: container) != nil {
+      self.unmount(from: container)
     }
+    // guard self.getMountedOverlayComponent(for: container)?.view != overlay.view else { return }
+    // TODO: fix remounting after props (uris list) update
+    // container.overlayContainer.mountChildComponentView(overlay.view, index: overlay.index)
+    container.overlayContainer.addSubview(overlay.view)
+    overlay.view.didMoveToSuperview()
+    // }
   }
 
   func unmount<T: OverlayContainer>(from container: T) {
@@ -169,10 +190,16 @@ extension ExpoSimpleGalleryView: OverlayMountingDelegate {
   }
 
   func unmount(overlay: ReactMountingComponent) {
+    guard overlay.view.superview != nil else { return }
+    print("Unmounting overlay: \(overlay.view.accessibilityLabel ?? "unknown")")
+    print("Overlay index: \(overlay.index)")
+    print("Overlay parent: \(String(describing: overlay.view.superview))")
+    overlay.view.willMove(toSuperview: nil)
     overlay.view.removeFromSuperview()
   }
 
-  func getMountedOverlayComponent<T: OverlayContainer>(for container: T) -> ReactMountingComponent? {
+  func getMountedOverlayComponent<T: OverlayContainer>(for container: T) -> ReactMountingComponent?
+  {
     let (index, view) =
       container.overlayContainer.subviews.enumerated().first(where: { $0.element is ExpoView }) ?? (
         0, nil

package/ios/Gallery/GalleryGridView+Configuration.swift

@@ -46,14 +46,18 @@ extension GalleryGridView {
 
     reloadData()
 
-    if !uris.isEmpty {
-      let visibleItems = indexPathsForVisibleItems.map { $0.item }
-      if let minItem = visibleItems.min(), let maxItem = visibleItems.max() {
-        let range = (minItem, maxItem)
-        overlayPreloadingDelegate?.galleryGrid(self, prefetchOverlaysFor: range)
-      } else {
-        let initialRange = (0, min(uris.count - 1, 30))
-        overlayPreloadingDelegate?.galleryGrid(self, prefetchOverlaysFor: initialRange)
+    DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) { [weak self] in
+      guard let self = self else { return }
+
+      if !uris.isEmpty {
+        let visibleItems = self.indexPathsForVisibleItems.map { $0.item }
+        if let minItem = visibleItems.min(), let maxItem = visibleItems.max() {
+          let range = (minItem, maxItem)
+          self.overlayPreloadingDelegate?.galleryGrid(self, prefetchOverlaysFor: range)
+        } else {
+          let initialRange = (0, min(uris.count - 1, 30))
+          self.overlayPreloadingDelegate?.galleryGrid(self, prefetchOverlaysFor: initialRange)
+        }
       }
     }
   }
@@ -68,21 +72,25 @@ extension GalleryGridView {
 
     reloadData()
 
-    if !uris.isEmpty {
-      let visibleIndexPaths = indexPathsForVisibleItems
-      let flatIndices = visibleIndexPaths.compactMap { indexPath -> Int? in
-        // Find the corresponding flat index for this indexPath
-        sectionData.firstIndex { dict in
-          dict["sectionIndex"] == indexPath.section && dict["itemIndex"] == indexPath.item
+    DispatchQueue.main.asyncAfter(deadline: .now() + 0.3) { [weak self] in
+      guard let self = self else { return }
+
+      if !uris.isEmpty {
+        let visibleIndexPaths = self.indexPathsForVisibleItems
+        let flatIndices = visibleIndexPaths.compactMap { indexPath -> Int? in
+          // Find the corresponding flat index for this indexPath
+          sectionData.firstIndex { dict in
+            dict["sectionIndex"] == indexPath.section && dict["itemIndex"] == indexPath.item
+          }
         }
-      }
 
-      if let minItem = flatIndices.min(), let maxItem = flatIndices.max() {
-        let range = (minItem, maxItem)
-        overlayPreloadingDelegate?.galleryGrid(self, prefetchOverlaysFor: range)
-      } else {
-        let initialRange = (0, min(uris.count - 1, 30))
-        overlayPreloadingDelegate?.galleryGrid(self, prefetchOverlaysFor: initialRange)
+        if let minItem = flatIndices.min(), let maxItem = flatIndices.max() {
+          let range = (minItem, maxItem)
+          self.overlayPreloadingDelegate?.galleryGrid(self, prefetchOverlaysFor: range)
+        } else {
+          let initialRange = (0, min(uris.count - 1, 30))
+          self.overlayPreloadingDelegate?.galleryGrid(self, prefetchOverlaysFor: initialRange)
+        }
       }
     }
   }

package/ios/Gallery/GalleryGridView.swift

@@ -16,9 +16,9 @@ final class GalleryGridView: UICollectionView {
   weak var overlayMountingDelegate: OverlayMountingDelegate?
   weak var gestureEventDelegate: GestureEventDelegate?
   weak var contextMenuActionsDelegate: ContextMenuActionsDelegate?
-  
+
   var contextMenuOptions: (Int, String) -> [UIAction] = { _, _ in [] }
-  
+
   var selectedAssets = Set<String>()
   var lastVisitedIndexPath: IndexPath?
   var firstVisitedCellWasSelected = false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "expo-simple-gallery",
-  "version": "0.2.0",
+  "version": "0.2.1",
   "description": "Image gallery view",
   "main": "build/index.js",
   "types": "build/index.d.ts",
@@ -14,12 +14,7 @@
     "expo-module": "expo-module",
     "open:ios": "xed example/ios"
   },
-  "keywords": [
-    "react-native",
-    "expo",
-    "expo-simple-gallery",
-    "ExpoSimpleGallery"
-  ],
+  "keywords": ["react-native", "expo", "expo-simple-gallery", "ExpoSimpleGallery"],
   "repository": "https://github.com/sincerely-manny/expo-simple-gallery",
   "bugs": {
     "url": "https://github.com/sincerely-manny/expo-simple-gallery/issues"
@@ -29,11 +24,11 @@
   "homepage": "https://github.com/sincerely-manny/expo-simple-gallery#readme",
   "devDependencies": {
     "@biomejs/biome": "^1.9.4",
-    "@types/react": "~18.3.12",
-    "expo": "~52.0.0",
+    "@types/react": "19.0.0",
+    "expo": "~53.0.0",
     "expo-module-scripts": "^4.0.3",
-    "react-native": "0.76.0",
-    "typescript": "^5.7.3"
+    "react-native": "0.79.2",
+    "typescript": "^5.8.0"
   },
   "peerDependencies": {
     "expo": "*",

package/src/ExpoSimpleGalleryModal.tsx

@@ -1,19 +1,11 @@
-import { requireNativeView } from 'expo';
+import { requireNativeViewManager } from 'expo-modules-core';
 import { type ComponentType, useCallback, useMemo, useState } from 'react';
-import {
-  Modal,
-  type NativeSyntheticEvent,
-  StyleSheet,
-  View,
-} from 'react-native';
+import { Modal, type NativeSyntheticEvent, StyleSheet, View } from 'react-native';
 import type { GalleryItem } from './ExpoSimpleGallery.types';
-import type {
-  GalleryModalProps,
-  GalleryViewerProps,
-} from './ExpoSimpleGalleryModal.types';
+import type { GalleryModalProps, GalleryViewerProps } from './ExpoSimpleGalleryModal.types';
 
 const GalleryViewer: ComponentType<GalleryViewerProps> =
-  requireNativeView('GalleryImageViewer');
+  requireNativeViewManager('GalleryImageViewer');
 
 export function GalleryModal({
   visible,
@@ -27,10 +19,7 @@ export function GalleryModal({
 }: GalleryModalProps) {
   const [currentIndex, setCurrentIndex] = useState(initialIndex);
   const [currentUri, setCurrentUri] = useState(uris[initialIndex] || '');
-  const selected = useMemo(
-    () => selectedUris.has(currentUri),
-    [selectedUris, currentUri]
-  );
+  const selected = useMemo(() => selectedUris.has(currentUri), [selectedUris, currentUri]);
 
   const handlePageChange = useCallback(
     (event: NativeSyntheticEvent<{ index: number; uri: string }>) => {
@@ -56,12 +45,7 @@ export function GalleryModal({
   );
 
   return (
-    <Modal
-      visible={visible}
-      transparent={true}
-      animationType="fade"
-      onRequestClose={onClose}
-    >
+    <Modal visible={visible} transparent={true} animationType="fade" onRequestClose={onClose}>
       <View style={[styles.container, style]}>
         <GalleryViewer
           style={styles.viewer}

package/src/ExpoSimpleGalleryView.tsx

@@ -1,4 +1,4 @@
-import { requireNativeView } from 'expo';
+import { requireNativeViewManager } from 'expo-modules-core';
 import {
   type ComponentType,
   forwardRef,
@@ -32,7 +32,7 @@ import { MemoizedThumbnailOverlayComponent } from './components/MemoizedThumbnai
 
 const NativeView: ComponentType<
   ExpoSimpleGalleryViewProps & RefAttributes<ExpoSimpleGalleryMethods>
-> = requireNativeView('ExpoSimpleGallery');
+> = requireNativeViewManager('ExpoSimpleGallery');
 
 const NativeViewMemoized = memo(NativeView);
 
@@ -61,12 +61,11 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
     forwardedRef
   ) {
     const { width } = useWindowDimensions();
-    const { thumbnailWidth, thumbnailHeight, thumbnailStyleProcessed } =
-      useThumbnailDimensions({
-        thumbnailStyle,
-        contentContainerStyle: props.contentContainerStyle,
-        columnsCount: props.columnsCount,
-      });
+    const { thumbnailWidth, thumbnailHeight, thumbnailStyleProcessed } = useThumbnailDimensions({
+      thumbnailStyle,
+      contentContainerStyle: props.contentContainerStyle,
+      columnsCount: props.columnsCount,
+    });
 
     const openImageViewer = useCallback((index: number) => {
       setInitialIndex(index);
@@ -97,9 +96,7 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
       ) => {
         internalRef.current?.setThumbnailLongPressAction(action);
       },
-      setThumbnailPanAction: async (
-        action: ExpoSimpleGalleryViewProps['thumbnailPanAction']
-      ) => {
+      setThumbnailPanAction: async (action: ExpoSimpleGalleryViewProps['thumbnailPanAction']) => {
         internalRef.current?.setThumbnailPanAction(action);
       },
       setContextMenuOptions: async (options: UIAction[]) => {
@@ -121,14 +118,8 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
     const visibleRangeMax = useMemo(() => visibleRange[1], [visibleRange]);
 
     const [visibleHeaders, setVisibleHeaders] = useState<number[]>([0]);
-    const visibleHeadersRangeMin = useMemo(
-      () => Math.min(...visibleHeaders),
-      [visibleHeaders]
-    );
-    const visibleHeadersRangeMax = useMemo(
-      () => Math.max(...visibleHeaders),
-      [visibleHeaders]
-    );
+    const visibleHeadersRangeMin = useMemo(() => Math.min(...visibleHeaders), [visibleHeaders]);
+    const visibleHeadersRangeMax = useMemo(() => Math.max(...visibleHeaders), [visibleHeaders]);
 
     const handleSelectionChange = useCallback(
       (event: NativeSyntheticEvent<{ selected: string[] }>) => {
@@ -165,20 +156,19 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
       [onThumbnailPress, openImageViewer]
     );
 
-    const handleModalClose = useCallback(
-      (event: NativeSyntheticEvent<GalleryItem>) => {
-        internalRef.current?.centerOnIndex(event.nativeEvent.index);
-        setModalVisible(false);
-      },
-      []
-    );
+    const handleModalClose = useCallback((event: NativeSyntheticEvent<GalleryItem>) => {
+      const index = event.nativeEvent.index;
+      setModalVisible(false);
+      internalRef.current?.centerOnIndex(index);
+    }, []);
 
     const thumbnailOverlays = useMemo(
       () =>
         assets.flat().map((uri, index) =>
           ThumbnailOverlayComponent ? (
             <MemoizedThumbnailOverlayComponent
-              key={uri}
+              // biome-ignore lint/suspicious/noArrayIndexKey: we need to force re-render on order change
+              key={`${uri}-${index}`}
               OverlayComponent={ThumbnailOverlayComponent}
               uri={uri}
               index={index}
@@ -216,9 +206,7 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
           SectionHeader={SectionHeaderComponent}
           index={index}
           width={width}
-          height={Number.parseFloat(
-            (sectionHeaderStyle?.height ?? 0).toString()
-          )}
+          height={Number.parseFloat((sectionHeaderStyle?.height ?? 0).toString())}
           debugLabels={debugLabels}
           isNull={
             !(
@@ -245,8 +233,7 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
 
     const handlePreviewMenuOptionSelected = useCallback(
       (event: NativeSyntheticEvent<OnPreviewMenuOptionSelectedPayload>) => {
-        const action =
-          contextMenuOptions?.[event.nativeEvent.optionIndex]?.action;
+        const action = contextMenuOptions?.[event.nativeEvent.optionIndex]?.action;
         action?.({
           uri: event.nativeEvent.uri,
           index: event.nativeEvent.index,
@@ -257,8 +244,7 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
 
     const handleToggleSelection = useCallback(
       (uri: string, selected?: boolean) => {
-        const shouldSetSelected =
-          selected === undefined ? !selectedUris.has(uri) : selected;
+        const shouldSetSelected = selected === undefined ? !selectedUris.has(uri) : selected;
         const newSet = new Set(selectedUris);
         if (shouldSetSelected) {
           newSet.add(uri);
@@ -273,6 +259,7 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
     return (
       <>
         <NativeViewMemoized
+          // key={assets.length}
           {...props}
           thumbnailStyle={thumbnailStyleProcessed}
           sectionHeaderStyle={sectionHeaderStyle}
@@ -285,9 +272,7 @@ export default forwardRef<ExpoSimpleGalleryMethods, ExpoSimpleGalleryViewProps>(
           contextMenuOptions={contextMenuOptions}
           onLayout={() => {
             if (initiallySelected) {
-              internalRef.current?.setSelected(
-                initiallySelected?.filter(isNotNullOrUndefined)
-              );
+              internalRef.current?.setSelected(initiallySelected?.filter(isNotNullOrUndefined));
             }
           }}
           ref={internalRef}
@@ -330,9 +315,7 @@ function useThumbnailDimensions({
   }, [thumbnailStyle]);
   const { thumbnailWidth, thumbnailHeight } = useMemo(() => {
     const thumbnailAspectRatio =
-      Number.parseFloat(
-        (thumbnailStyleProcessed?.aspectRatio as string) ?? ''
-      ) || 1;
+      Number.parseFloat((thumbnailStyleProcessed?.aspectRatio as string) ?? '') || 1;
 
     const thumbnailsSpacing = contentContainerStyle?.gap
       ? Number.parseInt(contentContainerStyle?.gap.toString())
@@ -348,8 +331,7 @@ function useThumbnailDimensions({
       contentContainerStyle?.padding ??
       0;
     const padding =
-      Number.parseFloat(paddingLeft as string) +
-      Number.parseFloat(paddingRight as string);
+      Number.parseFloat(paddingLeft as string) + Number.parseFloat(paddingRight as string);
     const thumbnailWidth =
       (width - padding - (columnsCount - 1) * thumbnailsSpacing) / columnsCount;
     const thumbnailHeight = thumbnailWidth / thumbnailAspectRatio;