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 && ( - -