Reanimated disables React Native LayoutAnimation on New Architecture

[mhoran]

Description

When Reanimated is added to a project, it disables React Native's own LayoutAnimation on New Architecture.

Configuring a LayoutAnimation bails out at https://github.com/facebook/react-native/blob/a05d573f9eafc345f4e056f444d4a4527c1a2fb2/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.cpp#L491, which is nulled out by

react-native-reanimated/packages/react-native-reanimated/Common/cpp/reanimated/NativeModules/NativeReanimatedModule.cpp

Line 849 in af73db0

uiManager_->setAnimationDelegate(nullptr);

when Reanimated is initialized.

This was reported downstream in React Native as well as Expo.

I don't think this is expected, and it used to work on Paper.

Steps to reproduce

1. Launch the Snack in Expo v52 on Android or iOS
2. Press the button
3. See that the text does not ease in
4. Change to Expo v51
5. See that the text eases in

Snack or a link to a repository

https://snack.expo.dev/@mhoran/restless-yellow-cereal

Reanimated version

3.16.2

React Native version

0.76.3

Platforms

Android, iOS, macOS

JavaScript runtime

Hermes

Workflow

React Native

Architecture

Fabric (New Architecture)

Build type

Debug app & dev bundle

Device

iOS simulator

Device model

No response

Acknowledgements

Yes