TabView (react-native-pager-view) does not update inside RNN screen on iOS (index updates but UI does not change)

[hcrnln]

What happened?

When using react-native-tab-view (which relies on react-native-pager-view) inside a react-native-navigation (RNN) screen on iOS, tab switching does not work correctly.

The index state updates correctly (onIndexChange fires), but the visible tab does not change or snaps back to the previous tab.

RNN-ios.mov

What was the expected behaviour?

Tabs should switch correctly when index changes.

Was it tested on latest react-native-navigation?

• I have tested this issue on the latest react-native-navigation release and it still reproduces.

Help us reproduce this issue!

Create a clean React Native 0.77 project
Add react-native-tab-view and react-native-pager-view
TabView works correctly
Add react-native-navigation
Render the same TabView inside an RNN screen
Try switching tabs

In what environment did this happen?

react-native: 0.77.3
react-native-navigation: 8.7.4 and latest
react-native-tab-view: 4.0.5
react-native-pager-view: 6.9.1
Platform: iOS
New Architecture: enabled

[manuhook]

Same issue, but for me it seems to be linked to the commit : 5a29a75

Reverting this commit resolves the issue.

[hcrnln]

Thanks @manuhook

I'm currently using react-native-navigation@8.7.4, and from what I can tell this version was released before the 5a29a75 commit. So it looks like that specific change isn't included on my side.

Given that, I’m probably hitting a similar issue with a different root cause. Still investigating, but sharing in case it helps narrow things down.