iOS screen is frozen when swiping to previous page

Description

Original issue: https://github.com/react-navigation/react-navigation/issues/9015 iOS screen is frozen when swiping to previous page when detachInactiveScreens is true. https://reactnavigation.org/docs/stack-navigator/#detachpreviousscreen

Screenshots

NA

Steps To Reproduce

1. On iOS simulator, with react navigation stacks, try swipe back to previous screen when having a deep stack of screens (at least 3 or 4 levels deep)

2. App freezes completely

Expected behavior

It should not freeze and swipe back to previous screen

Actual behavior

It freezes completely

Snack or minimal code example

NA

Package versions

• React: 17.0.1
• React Native: 0.63.3
• React Native Screens: 2.15.0
• @react-navigation/native: 5.8.10

[hunterbmt]

@WoLewicki The flow is, from a tab navigator, go to a screen outside (same stack of a tab navigator), bring app to background, get back and swipe. Expected behavior should navigate back normally but instead, the app will hang and crash. The app won’t crash if you go from one screen to another in the same stack

[kesha-antonov]

My temp solution is to use detachInactiveScreens={false} on every Navigator if this does not work then it seems that the bug is not caused by the react-native-screens since it effectively disables usage of the library. Layout animations are still buggy so using it may lead to some problems.

Sorry for the controversial information.

detachInactiveScreens={false} indeed works. The freeze is gone in one project. Since there is no-op to disable layout animations. We added this prop on iOS.

On other project I removed usage of layout animation since it’s used only in one place. Without it app works without freeze.

So I think it’s related to usage of layout animations of reanimated and rn-screens.