react-native-navigation icon indicating copy to clipboard operation
react-native-navigation copied to clipboard

Shaky Shared Element Transition due to image resizing

Open skam22 opened this issue 4 years ago • 2 comments

🐛 Bug Report

When transitioning in a Shared Element Transition, image resize modes squeeze for a frame before bouncing back to the correct ratio, causing an effect of the picture shaking.

Have you read the Contributing Guidelines on issues?

yes

To Reproduce

(Write your steps here:)

  1. render image on screen one.
  2. navigate to second screen with shared element transition
  3. image shakes as Shared Element Transition moves from screen one to two.
  4. call Navigation.pop()
  5. image shakes as Shared Element Transition moves from screen two to screen one

Expected behavior

expected a smooth transition without the image aspect ratio / resize mode adjusting.

Actual Behavior

https://user-images.githubusercontent.com/50343717/151049778-cc32260f-1e9b-494c-aa60-76436f73a179.mov

Your Environment

  • React Native Navigation version: ^7.24.3-hotfix.1
  • React Native version: 0.66.4
  • Platform(s) (iOS, Android, or both?): both
  • Device info (Simulator/Device? OS version? Debug/Release?): Simulator & Device, iOS 15.2, Debug Version

Reproducible Demo

`import React from 'react'; import {Pressable, Text, View} from 'react-native'; import {Navigation, NavigationFunctionComponent} from 'react-native-navigation'; import FastImage from 'react-native-fast-image'; import {RootRoutes} from 'routes/RootRoutes.enum';

const FirstScreen: NavigationFunctionComponent = ({ componentId, }): JSX.Element => {

const onPress = (): void => { Navigation.push(componentId, { component: { name: RootRoutes.SecondScreen, options: { animations: { push: { sharedElementTransitions: [ { fromId: 'smallImage', toId: 'largeImage', interpolation: {type: 'linear'}, }, ], }, pop: { sharedElementTransitions: [ { fromId: 'largeImage', toId: 'smallImage', interpolation: {type: 'linear'}, }, ], }, }, }, }, }).catch(err => console.log('[FirstScreen] ERROR', err)); };

return ( <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}> <Text>Screen1</Text> <Pressable onPress={onPress}> <FastImage source={{ uri: 'data:image/jpeg;base64,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', }} style={{height: 100, width: 100}} resizeMode={FastImage.resizeMode.contain} nativeID="smallImage" /> </Pressable> </View> ); };

export default FirstScreen;`

`import React from 'react'; import {Pressable, Text, useWindowDimensions, View} from 'react-native'; import {Navigation, NavigationFunctionComponent} from 'react-native-navigation'; import FastImage from 'react-native-fast-image';

const SecondScreen: NavigationFunctionComponent = ({ componentId, }): JSX.Element => { const {width} = useWindowDimensions();

return ( <View style={{flex: 1, justifyContent: 'center', alignItems: 'center'}}> <Text>Screen2</Text> <Pressable onPress={() => Navigation.pop(componentId)}> <FastImage source={{ uri: 'data:image/jpeg;base64,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', }} style={{height: width, width}} resizeMode={FastImage.resizeMode.contain} nativeID="largeImage" /> </Pressable> </View> ); };

export default SecondScreen;`

Are you willing to resolve this issue by submitting a Pull Request?

  • ✖️   Yes, I have the time, and I know how to start.
  • ✅   Yes, I have the time, but I don't know how to start. I would need guidance.
  • ✖️   No, I don’t have the time and I’m okay to wait for the community / maintainers to resolve this issue.

skam22 avatar Jan 25 '22 20:01 skam22

Have you find a solution for this issue? Thank you

Pietro-Putelli avatar Apr 11 '22 05:04 Pietro-Putelli

Having the same issue, any solutions to this?

benforsrup avatar Apr 24 '24 15:04 benforsrup