Open aymather opened 3 days ago
Hi @aymather! Shared Elements Transitions are not yet implemented on the New Architecture, which became the default in RN 0.76.
@bartlomiejbloniarz Oh ok. What about the existing architecture though? Seems like it still isn't stable (per the first video in my post). I could maybe make a minimal repo to reproduce that but what I posted is like the most basic usage of custom transitions. The documentation does seem to allude to the idea that shared transitions aren't exactly super supported yet, but I guess it'd be helpful for us all to know where that's at?
Description
I'm trying to master the concept of using shared element transitions. I've set up a very basic example which animates a view with some standard properties to animate. Then I added the layer of custom animations. I am not doing anything fancy in the custom animation, I essentially just wanted to replicate the standard behavior with a custom animation to see how it works.
Here's my example. All I have is a button that navigates to a different page, and I animate an
Animated.View
as a shared element between the two pages.https://github.com/user-attachments/assets/c1845874-b41b-42bf-b635-a645545505b9
All of this comes from my current project where I was playing around with this. When I tried to reproduce this in a minimal repo, I installed all the latest react native things, and shared transitions weren't even working at all.
https://github.com/user-attachments/assets/6eb03c8e-a907-485f-b106-0364b36d89cf
The example I'm going to provide is to address the fact that it is not working at all with the latest react native.
Steps to reproduce
Animate.View
Snack or a link to a repository
https://github.com/aymather/custom-shared-transitions
Reanimated version
^3.16.1
React Native version
0.76.0
Platforms
iOS
JavaScript runtime
Hermes
Workflow
React Native
Architecture
Fabric (New Architecture)
Build type
Debug app & dev bundle
Device
iOS simulator
Device model
iPhone 15 Plus
Acknowledgements
Yes