react-native-pager-view icon indicating copy to clipboard operation
react-native-pager-view copied to clipboard

IOS getting blank screen when moving between tabs

Open gitdevnaresh opened this issue 1 year ago • 2 comments

I am getting issue blank screen when i am moving to tabs, this issue i am facing only on IOS. enter image description here

Packages using: "react-native-tab-view": "^3.5.2", "react-native-pager-view": "^6.2.3", "react-native": "0.71.7",

enter image description here

enter image description here

When i came first time working, moving between tabs getting like this.

I am trying with version upgrade and degrade but still issue not resolved.

gitdevnaresh avatar Mar 18 '24 03:03 gitdevnaresh

Had the exact same problem. It seems its a problem combining tab view and pager view. I had got it working somehow with next version of pager view but had to make a fix for setPage in IOS. Try using react-native-collapsable-tab-view maybe that might fix your problem but it introduces a problem of scrolling between tabs.

samiullah452 avatar Apr 14 '24 06:04 samiullah452

Seeing this also, works when using 6.1.4

adxzhang1 avatar Aug 09 '24 07:08 adxzhang1

Hello, this still seems to be an issue on newer versions. Struggling with same blank screen on IOS using:

{
  "expo": "^52.0.23",
  "expo-router": "~4.0.15",
  "react-native-pager-view": "6.5.1"
}

The issue seems to happen occasionally when switching tabs, ~requires clearing caches & reinstalling to work again~. Tried upgrading to the newer "6.6.1" but that doesn't help.

Edit: Not a fix, but toggling the "useLegacy" property on PagerViewInternal through rn debugger does refresh the component into a working state.

leukk avatar Jan 07 '25 15:01 leukk