diff --git a/packages/components/src/mobile/image/index.native.js b/packages/components/src/mobile/image/index.native.js
index 0b9588eb3ac8a..aec8f94d1b508 100644
--- a/packages/components/src/mobile/image/index.native.js
+++ b/packages/components/src/mobile/image/index.native.js
@@ -1,7 +1,7 @@
/**
* External dependencies
*/
-import { Animated, Image as RNImage, Text, View } from 'react-native';
+import { Image as RNImage, Text, View } from 'react-native';
import FastImage from 'react-native-fast-image';
/**
@@ -11,7 +11,7 @@ import { __ } from '@wordpress/i18n';
import { Icon } from '@wordpress/components';
import { image, offline } from '@wordpress/icons';
import { usePreferredColorSchemeStyle } from '@wordpress/compose';
-import { useEffect, useState, useRef, Platform } from '@wordpress/element';
+import { useEffect, useState, Platform } from '@wordpress/element';
/**
* Internal dependencies
@@ -218,19 +218,8 @@ const ImageComponent = ( {
focalPoint && styles.focalPointContainer,
];
- const opacityValue = useRef( new Animated.Value( 1 ) ).current;
-
- useEffect( () => {
- Animated.timing( opacityValue, {
- toValue: isUploadInProgress ? 0.3 : 1,
- duration: 100,
- useNativeDriver: true,
- } ).start();
- }, [ isUploadInProgress, opacityValue ] );
-
const imageStyles = [
{
- opacity: opacityValue,
height: containerSize?.height,
},
! resizeMode && {
@@ -319,7 +308,7 @@ const ImageComponent = ( {
{ Platform.isAndroid && (
<>
{ networkImageLoaded && networkURL && (
-
) }
{ ! networkImageLoaded && ! networkURL && (
-
-