Skip to content
This repository has been archived by the owner on Nov 27, 2022. It is now read-only.

[@react-navigation/material-top-tabs] gestureResponseDistance does not work when top tabs nested within a stack navigator #1372

Open
1 of 5 tasks
krtejeda opened this issue Aug 2, 2022 · 4 comments

Comments

@krtejeda
Copy link

krtejeda commented Aug 2, 2022

Current behavior

Using the backwards swipe gesture to navigate backwards in the stack doesn't work if the swipe starts from inside the tab view content. The only time this gesture works is if the swipe starts on the tab bar itself or if swiping is disabled, likely because the gesture is not consumed in those instances.

Screen.Recording.2022-08-01.at.11.43.12.PM.mov

Expected behavior

I expect that if I swipe backwards on the content, especially if there is no other content the tab bar can swipe to, the stack should navigate backwards.

Reproduction

https://snack.expo.dev/Yq_J20P3b

Platform

  • Android
  • iOS
  • Web
  • Windows
  • MacOS

Environment

package version
react-native-tab-view 3.1.1
react-native-pager-view 5.4.25
react-native 0.68.1
expo 44.0.0
node 16.13.0
npm or yarn 8.5.0
@krtejeda krtejeda added the bug label Aug 2, 2022
@github-actions
Copy link

github-actions bot commented Aug 2, 2022

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.

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

  • react-native (found: 0.68.1, latest: 0.69.3)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

@github-actions
Copy link

github-actions bot commented Aug 3, 2022

The versions mentioned in the issue for the following packages differ from the latest versions on npm:

  • react-native (found: 0.68.1, latest: 0.69.3)
  • expo (found: 44.0.0, latest: 46.0.2)

Can you verify that the issue still exists after upgrading to the latest versions of these packages?

@krtejeda
Copy link
Author

krtejeda commented Aug 3, 2022

Yes the issue still persists on those versions

@mikefogg
Copy link

Any update on this @krtejeda ? Wondering if you got it to work... stuck in the same spot currently and can't find a way to let swiping back with react-navigation have any effect.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

No branches or pull requests

2 participants