Animated.View's nested elements can not overflow when transformed

[Glazzes]

Description

Hello there, I was testing my pinch-to-zoom library with the new version of the Expo SDK (52), so I noticed this strange behavior with Animated.View component, if you nest any element into an Animated.View and apply any transformations to such element, the Animated.View will behave as if it has the overflow style property set to hidden.

One thing to note is that this happens on both real android devices and android emulator, I can't tell whether this happens on iOS or not as I do not own an iphone.

Expo 51	Expo 52

Steps to reproduce

• Run the code in the snack with Expo SDK 52 on Android.
• Do nothing as it's a rendering problem.
• Expected behavior is images to be rendered the same way they're on the snack (currently running SDK 51) on Expo SDK 52.

Snack or a link to a repository

https://snack.expo.dev/cS1TT45XmhC3iPJZlwMCG

Reanimated version

3.16.1

React Native version

0.76.1

Platforms

Android

JavaScript runtime

Hermes

Workflow

Expo Go

Architecture

Fabric (New Architecture)

Build type

Debug app & dev bundle

Device

Real device

Device model

Alcatel 5054R (Android 7.1)

Acknowledgements

Yes

[Glazzes]

I'd like to add that GestureHandlerRootView is affected by this issue as well.