Tabs are not clickable on iOS after click on active tab

[chshanovskiy]

Current behavior

When I click on currently active tab, all tabs are stopped to work. Nothing happens, when I click other tabs. But swipe is still working, for example. Only tab clicks stop working. And only on iOS device and iOS Simulator (android works fine).

Reproduction is superminimal – just fresh react-native with two dependencies and full code from example.
Also there is a video demo – https://github.com/chshanovskiy/tabview/blob/develop/tabview.gif

Expected behavior

Tabs are still clickable on iOS after click on active tab

Reproduction

https://github.com/chshanovskiy/tabview

Platform

• Android
• iOS
• Web
• Windows
• MacOS

Environment

package	version
react-native-tab-view	3.1.1
react-native-pager-view	5.4.11
react-native	0.67.3
node	16.13.1
yarn	1.22.17

[github-actions]

Couldn't find version numbers for the following packages in the issue:

• expo

Can you update the issue to include version numbers for those packages? The version numbers must match the format 1.2.3.

[alantoa]

same issue, when use react-native-pager-view v5.4.11.

[alantoa]

@chshanovskiy Hi!
The reason for this problem is react-native-pager-view.
I fixed it, You can see PR callstack/react-native-pager-view#527.
Or you could try my fork lib, yarn add git+https://github.com/alantoa/react-native-pager-view.

[chshanovskiy]

@alantoa looks great, I'll try it

[jixt]

The fix of @alantoa fixes this issue, but brings back an old issue that crashes the app after rapid switching. I have created another solution that solves this issue and also makes sure the app doesn't crash when doing rapid switching between the tabs. You can find it here:

callstack/react-native-pager-view#529

[alantoa]

@jixt You are right!
Ty!

[troZee]

https://github.com/callstack/react-native-pager-view/releases/tag/v5.4.12

[ElicaInc]

https://github.com/callstack/react-native-pager-view/releases/tag/v5.4.12

Works great!