[BUG ] :: useAnimatedStyle reset style when screen refocus

[chanphiromsok]

Description

freezeOnBlur Resets Animated View in Bottom Tab Navigator

Issue Description

When using freezeOnBlur with @react-navigation/bottom-tabs, animated views reset their styles when navigating away and back. However, this issue does not occur when using @react-navigation/native-stack.

Expected Behavior

• The Purple Rectangle should maintain its animated position when returning to the "Home" tab.

Actual Behavior

• The Purple Rectangle resets to its initial position.
• However, when clicking on it, it jumps back to the animated position.
• useSharedValue retains its value, meaning the animation state is preserved, but the view itself resets.

FreezeEnabled	freezeOnBlur Disabled

Steps to reproduce

1. Enable freezeOnBlur.
2. Drag the Purple Rectangle.
3. Navigate to the "Contact" tab.
4. Return to the "Home" tab.

Snack or a link to a repository

https://github.com/chanphiromsok/Repro-Issue

Reanimated version

3.16.7

React Native version

0.77

Platforms

iOS, Android

JavaScript runtime

Hermes

Workflow

Expo Dev Client

Architecture

Fabric (New Architecture)

Build type

Release app & dev bundle

Device

iOS simulator

Device model

Xiaomi Mi 10 Lite 5G And IOS Simulator 15Pro

Acknowledgements

Yes

[github-actions]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Description section.

[chanphiromsok]

This happened only new Arch

[MatiPl01]

Hey @chanphiromsok!

Thanks for reporting the issue. We got some similar issue reports regarding freeze and there is an ongoing work on fix to these problems. Hopefully, the issue will be fixed soon.