Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
AnimatedLayout breaking iOS touch when using with react-native-modal
See original GitHub issueDescription
Problem with reanimated 2 AnimatedLayout when using with react-native-modal library
Expected behavior
The Modal opens inside a AnimatedLayout component, and when you close it the touch does not stop working
Actual behavior & steps to reproduce
When you toggle the modal inside a AnimatedLayout it disables all touch events on the app
To reproduce this issue you need
@react-navigation/native@5.9.4
@react-navigation/stack@5.14.5
react-native-reanimated@2.3.0-alpha.1
react-native-modal@12.0.3
yarn
You also need to fix the problem related to the issue #2124 so it won’t break when initializing the app
cd ios && pod install
cd .. && yarn ios
Snack or minimal code example
You can see all the code by following the link bellow: https://github.com/raulmax319/react-native-typescript-redux-boilerplate/tree/repro/rn-modal
This is a example video of the actual behavior
Package versions
- React Native: 0.64.1
- React Native Reanimated: 2.3.0-alpha.1
- NodeJS: 16.1.0
- Xcode: 12.5.1
Affected platforms
- Android
- [ X ] iOS
- Web
Issue Analytics
- State:
- Created 2 years ago
- Reactions:2
- Comments:10 (3 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
Resolved by - https://github.com/software-mansion/react-native-reanimated/pull/2581
The reason for the problem with null ptr is probably the same as in #2369
But I can confirm that problem with modal still exists on alpha.3