react-native-snap-carousel
react-native-snap-carousel copied to clipboard
App freezes when we go back from the screen which uses this library
Is this a bug report, a feature request, or a question?
(Bug report)
Have you followed the required steps before opening a bug report?
(Check the step you've followed - put an x
character between the square brackets ([]
).)
- [x] I have read the guidelines regarding bug report.
- [x] I have reviewed the documentation in its entirety, including the dedicated documentations :books:.
- [x] I have searched for existing issues and made sure that the problem hasn't already been reported.
- [x] I am using the latest plugin version.
- [x] I am following the issue template closely in order to produce a useful bug report.
Have you made sure that it wasn't a React Native bug?
(yes.)
Is the bug specific to iOS or Android? Or can it be reproduced on both platforms?
(The bug specific to iOS and iOS versions: 14.3)
Is the bug reproductible in a production environment (not a debug one)?
(Reproduce on both.)
Environment
Environment: React: 17.0.2 React native: 0.65.1 react-native-snap-carousel: ^3.9.1 "@react-navigation/bottom-tabs": "^6.0.7", "@react-navigation/native": "^6.0.4", "@react-navigation/stack": "^6.0.9",
Target Platform: iOS (14.3)
Expected Behavior
(The app should not freeze when going back to the tab screens)
Actual Behavior
(The app is freezing when going back from the screen which uses this library to the tab screens, when we remove this library app is working fine)
Reproducible Demo
I think it do not need the reproducible link
Steps to Reproduce
(Write your steps so that anyone can reproduce the issue in the Snack demo you provided.)
- Create a StackNavigator, inside create 2 screens 1 having tabNavigator the initial route and second will be a screen which uses this library.
- When we go back from second screen which uses this library it goes back but freezes the application.
- When we remove library it works fine.
A quick workaround I found is to reset the stack on navigating back.
@zuhairnaqi Sorry, please allow me to advertise for my open source library! ~ I think this library react-native-reanimated-carousel will solve your problem. It is a high performance and very simple component, complete with React-Native reanimated 2
Hello,
I had the same issue for several days, and it was due to react-native-reanimated which I installed in a beta version (2.3.0-beta). Maybe have a look at this issue.
Rolling back to 2.2.3 fixed that for me.