callstack / callstack/react-native-pager-view
[V7] iOS Material Top Tabs Static Auth Flow doesn't render first tab
Open
@MrRefactor is already working on this.
Since Dec 3, 2024.
fabric
- Dominant language
- TypeScript
- Stars
- 3.4k
- Forks
- 476
- Avg merge
- 10d 21h
- Merged PRs (30d)
- 2
Description
This issue is a copy of https://github.com/react-navigation/react-navigation/issues/12289 , it was requested to be posted here as it is related to react-native-pager-view which is a dependency of Material Top Tabs.
Current behavior
When using a Material Top Tab as the root element in createStaticNavigation with authentication flow, the first tab is not rendered in iOS when switching between groups. The tab is highlighted.
Expected behavior
In Web and Android the first tab in the new group is rendered.
Reproduction
https://snack.expo.dev/@f_faria_brastel/material-tob-static-navigation?platform=ios
Platform
- Android
- iOS
- Web
- Windows
- MacOS
Packages
- @react-navigation/bottom-tabs
- @react-navigation/drawer
- @react-navigation/material-top-tabs
- @react-navigation/stack
- @react-navigation/native-stack
- react-native-tab-view
Environment
- I've removed the packages that I don't use
| package | version |
|---|---|
| @react-navigation/native | 7.0.4 |
| @react-navigation/material-top-tabs | 7.0.7 |
| @react-navigation/native-stack | 7.0.3 |
| react-native-safe-area-context | 4.12.0 |
| react-native-screens | 4.1.0 |
| react-native-pager-view | 6.5.1 |
| react-native | 0.76.2 |
| expo | 52.0.11 |
| node | 18.18.2 |
| npm or yarn | npm |
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.
Assessment
This issue has not been assessed yet.