question-mark
Stuck on an issue?

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.

Swipe gesture is not working with React-Navigation Tabs

See original GitHub issue

I am using React-Navigation top bar tabs inside the modal but when I try to switch between the tabs with swipe gesture this not works on android but on ios it’s working

Environment

System: OS: macOS 10.15.4 CPU: (4) x64 Intel® Core™ i7-5557U CPU @ 3.10GHz Memory: 192.37 MB / 8.00 GB Shell: 3.2.57 - /bin/bash Binaries: Node: 10.16.2 - /usr/local/bin/node Yarn: 1.12.3 - /usr/local/bin/yarn npm: 6.11.3 - /usr/local/bin/npm Watchman: 4.9.0 - /usr/local/bin/watchman SDKs: iOS SDK: Platforms: iOS 13.2, DriverKit 19.0, macOS 10.15, tvOS 13.2, watchOS 6.1 Android SDK: API Levels: 22, 23, 24, 25, 26, 27, 28, 29 Build Tools: 23.0.1, 25.0.3, 26.0.2, 27.0.3, 28.0.3 System Images: android-18 | Google APIs ARM EABI v7a, android-21 | Google APIs ARM EABI v7a, android-21 | Google APIs Intel x86 Atom, android-21 | Google APIs Intel x86 Atom_64, android-22 | Google APIs ARM EABI v7a, android-22 | Google APIs Intel x86 Atom, android-22 | Google APIs Intel x86 Atom_64, android-23 | Google APIs ARM EABI v7a, android-23 | Google APIs Intel x86 Atom, android-23 | Google APIs Intel x86 Atom_64, android-24 | Google APIs ARM EABI v7a, android-24 | Google APIs Intel x86 Atom, android-24 | Google APIs Intel x86 Atom_64, android-25 | Google APIs ARM 64 v8a, android-25 | Google APIs ARM EABI v7a, android-25 | Google APIs Intel x86 Atom, android-25 | Google APIs Intel x86 Atom_64, android-25 | Google Play Intel x86 Atom, android-26 | Google APIs Intel x86 Atom, android-26 | Google APIs Intel x86 Atom_64, android-27 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom, android-28 | Google APIs Intel x86 Atom_64, android-29 | Intel x86 Atom, android-29 | Intel x86 Atom_64, android-29 | Google APIs Intel x86 Atom, android-29 | Google APIs Intel x86 Atom_64, android-29 | Google Play Intel x86 Atom IDEs: Android Studio: 3.4 AI-183.6156.11.34.5522156 Xcode: 11.2/11B52 - /usr/bin/xcodebuild npmPackages: react: 16.9.0 => 16.9.0 react-native: 0.61.2 => 0.61.2 npmGlobalPackages: react-native-cli: 2.0.1 react-native-git-upgrade: 0.2.7

Platforms

Android

Versions

  • react-native-modal: 11.5.1
  • react-native: 0.61.2
  • react: 16.9.0

Description

I have two tabs inside the react-native-modal but when I try to use swipe gestures for switching between tabs, gestures won’t work on android but on ios it works fine even inside the modal. Also on android swipe gestures works outside the modal, I use propagateSwipe but nothing works.

Issue Analytics

  • State:open
  • Created 3 years ago
  • Reactions:1
  • Comments:7 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
mrgigabytecommented, Aug 4, 2020

It’s been almost 4 months now, I landed up with a similar issue. I wonder if this is resolved?

0reactions
babyrusacommented, Feb 3, 2022

@the-kenneth hey where can i remove useNativeDriver

Read more comments on GitHub >

github_iconTop Results From Across the Web

Swipe gesture is not working with React-Navigation Tabs #417
I am using React-Navigation top bar tabs inside the modal but when I try to switch between the tabs with swipe gesture this...
Read more >
Swipe Gesture not working in React Navigation v6 in IOS build
I have used React Drawer Navigation in my app navigation. In the development mode inside expo, drawer open and close functions are working...
Read more >
Swipe Gestures not Working in Android - About React
Solution of Swipe Gestures not Working in Android (React Native). To solve this you just have to add something in your MainActivity.java file....
Read more >
createTabNavigator - React Navigation
createTabNavigator ; tabBarPosition - Position of the tab bar, can be 'top' or 'bottom' . swipeEnabled - Whether to allow swiping between tabs....
Read more >
Troubleshooting | React Navigation
Troubleshooting. This section attempts to outline issues that users frequently encounter when first getting accustomed to using React Navigation.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found