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)

Open
#8,271 4 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

platform: iOS type: accepted/bug
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

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.