Shared Element Transtation not working #6281
-
Home.tsx
Shared.tsx
my react native reanimated version is at 3.14.0 and I'm trying to use shared element transtation but somehow the animation is not activated |
Beta Was this translation helpful? Give feedback.
Replies: 5 comments 7 replies
-
Simulator.Screen.Recording.-.iPhone.SE.3rd.generation.-.2024-07-17.at.08.44.59.mp4 |
Beta Was this translation helpful? Give feedback.
-
Hey! Could you add link to repo with your source code or provide implementations of imported components and data? I am missing these: import { PressableOpacity } from '@app/components/pressable-opacity';
import { AnimatedImage } from '@app/components/animated-image';
import { PAGES } from '@app/constants'; |
Beta Was this translation helpful? Give feedback.
-
PressableOpacity.tsx
AnimatedImage.tsx
PAGES.ts
|
Beta Was this translation helpful? Give feedback.
-
Thanks for providing more details. Could you tell me what settings of your stack navigator do you use? I mean, which type of animation? If you set Can you also tell me whether you use the new architecture (fabric) or the old one (paper)? Shared element transitions aren't supported on the new architecture yet. |
Beta Was this translation helpful? Give feedback.
-
Hey @Skipperlla! |
Beta Was this translation helpful? Give feedback.
Hey!
Could you please check if this example works for you?
I was able to get it working on my end so I wonder why it doesn't work on your side. Please experiment with this example and tell me if it implements what you want.
Example recording
Simulator.Screen.Recording.-.iPhone.15.Pro.-.2024-07-19.at.12.45.46.mp4