[Fabric] Going back to previous screen disables interactions with Touchables with @react-navigation/bottom-tabs

[tboba]

Description

Currently, on new architecture while using @react-navigation/bottom-tabs, while going to another screen and going back to previous one, interaction with all of touchables is frozen. This seems to be only the case for touchables though, since animations are working as usual (you can see on the preview shown below, that animations are working as usual).

Blocked interaction - Fabric

8mb.video-8hf-qIzZnnk6.mp4

(Not) blocked interaction - Paper

Screen.Recording.2024-05-20.at.16.34.15.mov

(Not) blocked interaction - Paper - without bottom tabs

Screen.Recording.2024-05-20.at.16.49.59.mov

(Not) blocked interaction - Paper - with detachInactiveScreens disabled

Screen.Recording.2024-05-20.at.16.51.06.mov

Steps to reproduce

1. Create a bottom tab navigator with two screens,
2. Create on both screens touchables with navigating to one screen and coming back with goBack operation,
3. Try to run the example with new architecture enabled,
4. Try to navigate to another screen and press touchable on the second screen to go back,
5. You shouldn't be able to navigate to another screen with touchable now.

You can run Test645 and Test691 to reproduce this scenario.

Snack or a link to a repository

https://snack.expo.dev/@tboba/5bc06c

Screens version

3.31.1

React Native version

0.74.1

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native (without Expo)

Architecture

Fabric (New Architecture)

Build type

Debug mode

Device

Android emulator

Device model

Pixel 7 Pro (API 34)

Acknowledgements

Yes

[alduzy]

Inspired by #1975 (comment) I found out that using RectButton from react-native-gesture-handler does work in this case as well.

[hosseinmd]

I have a crash when going back from bottom-tabs

This is my error log

java.lang.IllegalStateException: addViewAt: cannot insert view [80] into parent [82]: View already has a parent: [-1]  Parent: ScreensFrameLayout View: Screen
                                                                                                    	at com.facebook.react.fabric.mounting.SurfaceMountingManager.addViewAt(SurfaceMountingManager.java:384)