React-native-tab-view: Android crash: Animated events must have event data.

[valeriashpiner]

Current behaviour

Android crashes when I scroll to the end of tabs.
It happens all the time on Android.

You scroll to the end and then you try to scroll the last item more and more few times, but it's the last item so app just crashed after few scrolls.

Expected behaviour

Android doesn't have crash when I scroll.

Screenshots (if applicable)

It's only your library in my project which uses reanimated and react-native-gesture-handler together, and it happens on react-native-tab-view components. So I believe, it's related to your library.

What have you tried

I updated react-native-tab-view to 2.13.0.
I updated reanimated to 1.7.0.
I put import 'react-native-gesture-handler' at the top of root file index.js.
Releated issue here

Your Environment

| software | version
| ---------------------------- | -------
| ios or android | android
| react-native | 0.61.2
| react-native-tab-view | 2.11.0 and 2.13.0
| react-native-gesture-handler | ^1.4.1
| react-native-reanimated | ^1.2.0 and ^1.7.0
| node | 12.12.0
| npm or yarn | yarn

[valeriashpiner]

This is also reproducible on example from this repository.

[ezechielk]

Great ! Works like a charm thank you !
ᐧ

Le ven. 28 févr. 2020 à 21:55, Valeria [e-mail] a écrit :

@ezechielk https://github.com/ezechielk I fixed it temporarily in my
fork: https://github.com/valeriashpiner/react-native-tab-view
It's one line change there.
You could try it.
I checked it on a few real devices and it seems that everything works well.

—
You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/react-native-community/react-native-tab-view/issues/976?email_source=notifications&email_token=AKNG5ZM4IEJSVOZUSVJDNITRFF24BA5CNFSM4K46LQ2KYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOENKD75Q#issuecomment-592723958,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AKNG5ZKQJA5D5RMQDIFU3UDRFF24BANCNFSM4K46LQ2A
.

[anastely]

@valeriashpiner I don't use this library, And I got the same error 🤷‍♂️ Maybe related on react-native-gesture-handler So if you solve it, please tell me :))

[valeriashpiner]

@anastely

You could use my fork: https://github.com/valeriashpiner/react-native-tab-view if you need react-native-tab-view.
I fixed it temporarily.

It's one line change there exactly in PanGestureHandler component which is part of react-native-gesture-handler. You could try it.
I checked it on a few real devices and it seems that everything works well.

[anastely]

@valeriashpiner Sadly I used react-navigation-tabs but I will give a try

[shehzabcodecraft]

@anastely Are you able to solve it? Please explain if you have done it.

[valeriashpiner]

@shehzabcodecraft you could use my fork, I fixed it there.

[osdnk]

https://github.com/osdnk/rntv-976

cannot repro. Please provide an example.

[valeriashpiner]

@osdnk I just reproduced it on your repo and recorded video. To reproduce you should scroll the last screen to the right side (to next screen which obviously not exists) and vice versa.

It will exist everywhere because it exists in the original example.

[osdnk]

What I'm doing wrong?

https://streamable.com/tuwyc

[valeriashpiner]

It appears on the real device. It happened with me and also with another ppl in this thread. What the point of proving that you can't reproduce it if I already recorded video from your project that it exists there? @osdnk

[osdnk]

I have no problem with saying that the bug exists. But I’d like to fix it as well and stack trace is not sufficient for debugging

[valeriashpiner]

Okay, @osdnk, sorry for misunderstanding:

Steps to reproduce:

• Go to the last screen by scrolling left.
• At the last screen, keep scrolling left more and more (even if the next screen doesn't exist.)

Maybe @ezechielk can help to explain more.

[shehzabdeveloper]

I defined swipeEnabled as false.. so this issue got a workaround

[lander854]

same problem

[EugeneDraitsev]

@osdnk It's reproduced by constantly swiping to the left on first tab or to the right on last tab, but I can reproduce it only on prod version of build. So would be nice if you can try to reproduce and maybe fix it

[melkayam92]

same here

[shehzabdeveloper]

@osdnk It's reproduced by constantly swiping to the left on first tab or to the right on last tab, but I can reproduce it only on prod version of build. So would be nice if you can try to reproduce and maybe fix it

You can disable the swipe option. "swipeEnabled" component as false will solve the crash. But after that, you cant swipe between tabs. Instead, you need to tap on the options to open tabs.

[avlonder]

Hi, is there currently a workaround that still allows swiping between tabs? For example, is there a way to catch the erroneous swipes with react-native-gesture-handler? :)

[svenlombaert]

@avlonder This workaround works, and still allows swiping:
https://github.com/getdelta/react-native-gesture-handler/commit/311da062a679a81f6d3578cacb44c81aa29ede95

I copied it from another fork that fixed it on an older version of react-native-gesture-handler

[jakub-gonet]

Hi guys,
I reproduced this issue on example app running in production mode. However, the app is working when I run code in create-react-app with the newest versions of Reanimated and Gesture Handler.

@valeriashpiner, @melkayam92, @anastely, @EugeneDraitsev, @svenlombaert can you guys check if this issue still exists on [email protected] and Gesture [email protected]?

[valeriashpiner]

@jakub-gonet oh, I am without android device now (it's not reproducible on a simulator). I hope someone here could help!

[svenlombaert]

I don't have an android device either, but I reproduced it on [email protected] and [email protected]. From the commits I see in both patches, it would be highly unlikely it got fixed.

[2788]

I reproduced it on [email protected] and [email protected].

[chgsilva]

i am still facing this issue, any news?

[raj-upadhyay]

I am still facing this issue reproduced in issue with [email protected], [email protected], and [email protected]

[pradnesh-amin]

I am still facing this issue reproduced in issue with [email protected], [email protected], and [email protected]

Yes me too..

[drb1]

"react-native-gesture-handler": "1.6.1",
"react-native-reanimated": "1.9.0",
"react-native-tab-view": "^2.13.0",

still same issue

[jakub-gonet]

@chgsilva, @raj-upadhyay, @pradnesh-amin, @drb1

this issue is probably related to gesture handler, would really appreciate some reproduction examples.

[sannajammeh]

As a temporary fix you can replace the pager component with an entirely native one: https://github.com/software-mansion-labs/react-native-tab-view-viewpager-adapter . Thus bypassing the gesture-handler itself.

[midoushitongtong]

@chgsilva, @raj-upadhyay, @pradnesh-amin, @drb1

this issue is probably related to gesture handler, would really appreciate some reproduction examples.

hi!
Please try this snack.
You just have to slide normally to see the problem.
https://snack.expo.io/@midoushitongtong/rntv-976-test

[jayzyaj]

any updates on this?

[leonimurilo]

Same issue here. I still did not get the pattern but I have two nested createMaterialTopTabNavigator

[rphlmr]

I reproduce on android 10 but not on 9 and lower (physical device with expo and release build). If it helps :'(

but https://github.com/react-native-community/react-native-tab-view/issues/976#issuecomment-646998802 works <3

[hamidfzm]

This bug should be fixed in react native gesture handler. This is my patch package file in order to fix the android crash. Hope it will be a useful workaround until they fix it.
https://gist.github.com/hamidfzm/b85332b6d7408307a1e250b0f2db4d7f

[OsamaMukhtar]

Needs to be fixed. Same issue here

[ShahalKP]

+1. I hope I'll notice when they patch this.

[kamalpandey]

Same issue. Any workaround?

"expo": "36", "react-native-gesture-handler": "~1.5.0", "react-native-reanimated": "~1.4.0", "react-native-tab-view": "2.15.0", "react-native-webview": "^7.0.5", "react-navigation": "^4.0.9", "react-navigation-stack": "^2.8.2", "react-navigation-tabs": "^2.9.0",

[kamalpandey]

@sannajammeh

In IOS the keyboard opens and closes automatically but works fine if i remove it but for android I should add this as this is working. How should i deal with IOS?

More Info Here

[aliceathens]

+1

[mchambaud]

+1 still happening

[lsancheztapia]

I disabled swipe and worked:
swipeEnabled={false}

[jakub-gonet]

This should be resolved by https://github.com/software-mansion/react-native-gesture-handler/pull/1171

[c-goettert]

This issue is closed, but if I trace the PR from gesture-handler correctly, it was first introduced in version 1.8, while react-native-tab-view currently uses 1.6.
Are there any plans to update gesture-handler soon, to have the fix included? (Or did I misunderstand something?)

[HugoGresse]

you can specify the version yourself in the package.json

"react-native-gesture-handler": "1.9.0",

[jakub-gonet]

@c-goettert tab-view uses 1.6 but for development (in devDependencies section). RNGH version is actually ruled by your project dependency, as it's listed in peer dependencies.

[c-goettert]

@HugoGresse @jakub-gonet thanks for pointing that out! I'll try update gesture handler then. :)

[Gogul-S]

@c-goettert tab-view uses 1.6 but for development (in devDependencies section). RNGH version is actually ruled by your project dependency, as it's listed in peer dependencies.

@jakub-gonet Will updating gesture-handler version in package.json fix the crash in production also?

[jakub-gonet]

Yes, it'll fix this issue both in the development and release versions of your app.