react-navigation-shared-element icon indicating copy to clipboard operation
react-navigation-shared-element copied to clipboard

Expo av (video) player transition not very smooth.

Open FawadMahmood opened this issue 5 years ago • 5 comments

FawadMahmood avatar Aug 14 '20 11:08 FawadMahmood

Is it possible to translate video player to next screen and keep it running.

I am able to make it. But video not work as expected, I made a manual example using Animated api that works for me, but having issues with transition of the navigator.

It will be great if I can make this library work for me for this task. Please help.

FawadMahmood avatar Aug 14 '20 12:08 FawadMahmood

@FawadMahmood could you provide a code example?

drewandre avatar Sep 28 '20 18:09 drewandre

@IjzerenHein I'm also curious how a video transition would behave. I got an example up and running locally, but I see the same issue as @FawadMahmood. Images and other views work great as shared element transitions, but the video component pauses and resets itself which makes for a difficult user experience to account for. I tried seeking to where the video left off, but this isn't an ideal solution.

I think this is a unique situation for this library since all other transitions can unmount and remount themselves as a newly cloned component without flickering/issues. But videos would need to remain mounted and active during the transition. Do you think this is possible with this library?

Thanks!

drewandre avatar Sep 28 '20 20:09 drewandre

I've created an example repo to demonstrate this issue. It's a fork from the latest react-navigation-shared-element-demo repo.

Below is a gif showing how the video pauses. Ideally the <Video /> component would remain mounted and would not pause during the transition before ultimately resetting once the transition has finished. Is this possible with this library, or even just using the core primitives from react-native-shared-element?

ezgif com-video-to-gif

drewandre avatar Sep 29 '20 17:09 drewandre

Yes, thank you for an example, @drewandre I am facing exactly same issues, also performance is not very good.

FawadMahmood avatar Oct 01 '20 09:10 FawadMahmood