screen freezes on ios and no touch support on Layout with entering or exiting animation

[geoapostolidis]

Description

On ios the screen freezes on Layout with entering or exiting animation. When i navigate to the page that has layout on navigate
back then the screen freezes and has no touch support. The problem is that there is no error in console in order to debug it.

Expected behavior

Actual behavior & steps to reproduce

Snack or minimal code example

import React, { Component } from 'react';
import Animated, { SlideInLeft, SlideOutLeft } from "react-native-reanimated";

class Search extends Component {

  render(){

    return (
      <Animated.View style={{flex: 1}} entering={SlideInLeft} exiting={SlideOutLeft}>        
      </Animated.View>
    );
  }
}

export default Search

Package versions

i have these packages installed

"@react-navigation/native": "^6.0.11",
"@react-navigation/stack": "^6.2.2",
"react": "18.0.0",
"react-native": "0.69.1",
"react-native-reanimated": "^2.9.1"

Affected platforms

• Android
• iOS
• Web

[ddikodroid]

related to #3124

[Tauka]

Experiencing same issue

[anhnch]

For me, all I did is just an import Animated from 'react-native-reanimated'. When I go to a screen and go back, the screen is not responding to touch/scroll. The screen is still functioning properly, but you simply can't do anything. No error, no log, nothing. Because the problem occurs when navigating and react-navigation does use react-native-reanimated, so I think it's incompatibility with react-navigation

react-native-reanimated: 2.9.1
@react-navigation/drawer: 6.4.3
@react-navigation/native: 6.0.11
@react-navigation/stack: 6.2.2
react-native-screens: 3.15.0

[Tauka]

Removing GestureHandler from react-native-gesture-handler fixed freezes for me. Read it from here: #3331

[amin79]

For me, all I did is just an import Animated from 'react-native-reanimated'. When I go to a screen and go back, the screen is not responding to touch/scroll. The screen is still functioning properly, but you simply can't do anything. No error, no log, nothing. Because the problem occurs when navigating and react-navigation does use react-native-reanimated, so I think it's incompatibility with react-navigation

react-native-reanimated: 2.9.1 @react-navigation/drawer: 6.4.3 @react-navigation/native: 6.0.11 @react-navigation/stack: 6.2.2 react-native-screens: 3.15.0

Same problem here. Did you find any solutions?

[AhmadHoranieh]

@Tauka Can you explain what you did, please?