issue: Image Shaking/Vibration Bug on New Architecture

[keval666]

🐞 Bug: Image Shaking/Vibration When Opening Modal

Description

When opening an image using react-native-image-modal, the image exhibits unwanted shaking/vibration behavior during the modal presentation. This creates a poor user experience with visual instability.

Environment

{
  "react-native-image-modal": "3.0.13",
  "react-native-image-progress": "^1.2.0",
  "react-native-fast-image": "^8.6.3",
  "react": "19.0.0",
  "react-native": "0.79.5"
}

Platform

• iOS
• Android
• Both

Steps to Reproduce

1. Install react-native-image-modal version 3.0.13
2. Implement the component with an image source
3. Tap to open the image modal
4. Observe the shaking/vibration behavior during modal presentation

Expected Behavior

The image should open smoothly in the modal without any shaking or vibration effects.

Actual Behavior

The image shakes/vibrates when opening the modal, creating visual instability.

Code Example

import ImageModal from 'react-native-image-modal';
import { createImageProgress } from 'react-native-image-progress';
import FastImage from 'react-native-fast-image';

const ImageProgress = createImageProgress(FastImage);

// Basic usage that exhibits the shaking behavior
<ImageModal
  ref={imageModalRef}
  style={modalStyle}
  disabled={isClickOpenDisable}
  resizeMode='cover'
  modalImageResizeMode='contain'
  animationDuration={300}
  renderImageComponent={({ resizeMode, style }) => (
    <View style={style}>
      <ImageProgress
        source={isImage && imageSource ? { ...source, priority: FastImage.priority.high } : defaultImg}
        style={[imgStyle, { overflow: 'hidden' }]}
        indicator={() => <ActivityIndicator color={Colors.BrilliantRose} />}
        resizeMode={resizeMode}
        onError={() => setImageSource(false)}
        {...restProps}
      />
    </View>
  )}
/>

Additional Context

This issue appears to be related to the modal animation or transition handling in version 3.0.13. The shaking occurs specifically during the opening animation of the modal.

Possible Related Issues

• Animation timing conflicts
• React Native 0.79.5 compatibility issues
• Modal presentation animation bugs

Workaround Attempted

• Tried different resizeMode values
• Adjusted modal styling
• Modified animation configurations

Screenshots/Video

Screen.Recording.2025-09-03.at.12.42.46.PM.mov

---

[MrGainn]

Same issue

[brandonrichards-promaxdev]

I'm observing this as well. Pixel 7a on Android 16.

[liao666brant]

I've also encountered the same issue. It occurs on both iOS and Android. Is there any temporary solution available now?