software-mansion
[Android] Reanimated entering/exiting animations not working properly
Description
Entering and exiting animations are not working properly on the Android platform with React Native Reanimated.
Problem Details
- Built-in entering/exiting animations: Components do not show at all
- Custom entering/exiting animations: Animations play but components disappear immediately after completion
Expected Behavior
Components should animate in and out smoothly and remain visible after entering animations are complete.
Screen Record
https://github.com/user-attachments/assets/0bbc50ba-25f0-4064-b889-afaeb6155076
Steps to reproduce
using entering or exiting animation with animated component will create the problem i provide
Snack or a link to a repository
https://github.com/ersincakmak/reanimared-entering-exiting-issue
Reanimated version
3.19.3
Worklets version
React Native version
0.81.4
Platforms
Android
JavaScript runtime
Hermes
Workflow
React Native CLI
Architecture
New Architecture (Fabric renderer)
Build type
No response
Device
Android emulator
Host machine
macOS
Device model
No response
Acknowledgements
Yes
hi @ersincakmak, thanks for opening the issue - I can confirm this issue reproduces on Reanimated 3.19.3.
But as I've checked it is not present on Reanimated v4 - if this issue is urgent maybe it is a good moment to migrate to Reanimated v4? I highly recommend it, as with the New Architecture being the Only Architecture from React Native 0.82, we will focus our development there (on v4) c:
hi @patrycjakalinska thanks for reply, for now i can not upgrade my project to rn 0.82 and reanimated v4 has performance issue for some 3rd party packages. i tested v4.2.0-nightly and most of the performace problems solved. Its look like i need official v4.2.0 or fixed v3
Hey @ersincakmak! I opened a PR that should fix the issue: #8501
You can wait for the reanimated 3.19.4 release or patch the library on your side with the same changes as I made in the linked PR.
