search

wix / react-native-navigation

A complete native navigation solution for React Native
https://wix.github.io/react-native-navigation/
MIT License
13.01k stars 2.68k forks source link

Navigation Material Top Tabs do not work with PagerView on iOS #7696

Closed ilyadynin closed 1 year ago

ilyadynin commented 1 year ago

What happened?

I have a Stack Screen with one of them being a Material Top Tabs Screen. And in the middle Screen I have a Pager View to make an image carousel post kind off, and when I am on the first index it should be possible to swipe to the left screen when swiping left, and on the last index it should be possible to get to the right screen when swiping right. It works on Android but not on iOS. On iOS it just blocks and does not move when swiping on the PagerView, though when I swipe somewhere outside the PagerView I can still swipe to the left/right page on iOS.

The PagerView is from @callstack/react-native-pager-view

What was the expected behaviour?

When I am on the first index in swiper view and swipe left, material top tabs take over and swipe to the left screen, opposite for the last index (swipe right -> right screen, swipe left, previous index in pager view).

It works on Android but not on iOS?

Was it tested on latest react-native-navigation?

Help us reproduce this issue!

Create a Stack Screen, then put one MaterialTopTabs Screen inside of it, with three screens (left, middle, right)

Then put a PagerView from react-native-pager-view into it, try swiping left on the first index on iOS to change the screen to the left screen or to the right screen form the last index.

In what environment did this happen?

React Native Navigation version:
"@react-navigation/material-top-tabs": "^6.5.1", "@react-navigation/native": "^6.1.1", "@react-navigation/native-stack": "^6.9.7",

React Native version: 0.71.4 Has Fabric (React Native's new rendering system) enabled: (yes/no) Node version: Device model: iPhone 14 iOS version: ios 16

sashansk3 commented 1 year ago

Hi, @ilyadynin You asking about react-navigation, but It's react-native-navigation.

stale[bot] commented 1 year ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. If you believe the issue is still relevant, please test on the latest version and report back. Thank you for your contributions.

stale[bot] commented 1 year ago

The issue has been closed for inactivity.