wix / wix/react-native-navigation
TabView (react-native-pager-view) does not update inside RNN screen on iOS (index updates but UI does not change)
Nobody has claimed this yet.
- Dominant language
- MDX
- Stars
- 13.2k
- Forks
- 2.6k
- Avg merge
- 6d 2h
- Merged PRs (30d)
- 1
Description
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.
https://github.com/user-attachments/assets/93bbb959-11be-46c1-918d-c3f61da0f1f5
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
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Reproduce the issue in a clean React Native 0.77.3 iOS project with react-native-tab-view and react-native-pager-view, first standalone and then inside a react-native-navigation screen. Compare the TabView behavior with New Architecture enabled and use the reported package versions as the baseline. Done means onIndexChange updates the visible tab reliably without snapping back.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- ios, react-native
- Domain
- mobile
- Issue type
- Bug
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Quiet
- Clarity
- Mostly clear
- Newbie friendliness
- 45/100