Is it possible to create Facebook-style video zoom transition in React Native?

[tuantvk]

If you’re using the latest version of the Facebook app, you’ll notice that when you tap on any video in the Home feed, it smoothly zooms in into a fullscreen player and starts playing instantly. From there, you can scroll to watch more videos.

How can this kind of effect be achieved in React Native? Is it even possible, and what would be the right approach to implement a similar animation?

[MatiPl01]

I think that this could be achieved with SETs (shared element transitions) which are still a work in progress and haven't been released yet.

Since reanimated doesn't support this natively yet, you may consider looking at the react-native-screen-transitions library which seems to be sufficient for your case. You can take a look at the demo recording which shows how it works. In your case, instead of closing the modal on swipe gesture, you'd have to animate the content and display the next video. It might be a bit tricky but I think it is doable.

Likely @eds2002, the author of the react-native-screen-transitions library, will know better if something like that can be implemented.