[iOS] Header visible when more than 5 screens present

[sidorchukandrew]

Before submitting a new issue

• I tested using the latest version of the library, as the bug might be already fixed.
• I tested using a supported version of react native.
• I checked for possible duplicate issues, with possible answers.

Bug summary

When you have more than 5 screens in the tab navigator, when you go to any screen over the 5th you'll see a header with a back button saying "More".

Library version

0.9.0

Environment info

System:
  OS: macOS 15.2
  CPU: (10) arm64 Apple M1 Pro
  Memory: 265.66 MB / 16.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.18.0
    path: ~/.nvm/versions/node/v20.18.0/bin/node
  Yarn:
    version: 1.22.22
    path: ~/.nvm/versions/node/v20.18.0/bin/yarn
  npm:
    version: 10.8.2
    path: ~/.nvm/versions/node/v20.18.0/bin/npm
  Watchman: Not Found
Managers:
  CocoaPods:
    version: 1.16.2
    path: /opt/homebrew/bin/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.0
      - iOS 18.0
      - macOS 15.0
      - tvOS 18.0
      - visionOS 2.0
      - watchOS 11.0
  Android SDK: Not Found
IDEs:
  Android Studio: 2024.2 AI-242.23339.11.2421.12700392
  Xcode:
    version: 16.0/16A242d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.12
    path: /usr/bin/javac
  Ruby:
    version: 2.6.10
    path: /usr/bin/ruby
npmPackages:
  "@react-native-community/cli":
    installed: 15.0.1
    wanted: 15.0.1
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.78.2
    wanted: 0.78.2
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true

Steps to reproduce

1. Create a tab navigator with 6 screens
2. Set the 6th screen to be hidden from the tab bar with tabBarItemHidden: true
3. Add a button to one of the visible screens that will navigate you to the 6th screen
4. Click the button and see the header

Simulator.Screen.Recording.-.iPhone.16.Pro.Max.-.2025-04-15.at.07.41.09.mp4

Reproducible sample code

https://github.com/sidorchukandrew/FormSheetBug

[sidorchukandrew]

I am aware of the limitation on iOS that tabBarItemHidden: true still shows the item in the tab bar when the screen is navigated to. To mitigate, I've created a custom tab bar for iOS. But I'm unable to get rid of the header on the hidden/extra screens

[sidorchukandrew]

I'm starting to think that the header is not removable unfortunately.

[okwasniewski]

@sidorchukandrew Sorry for not being too active recently but I'm slammed with other work.

The more view controller is a property on UITabBarController (https://developer.apple.com/documentation/uikit/uitabbarcontroller/morenavigationcontroller) in the library we do introspection inside of underlying UIKit elements so accessing this would be possible.

Maybe this will help you figure it out. I'll look into it once I have some time

[gamingumar]

Hi, I am facing this issue with more than 3 tabs, any update on this issue?

[vladimirivanoviliev]

I'm also facing this issue and currently I don't see workaround other than using different package for that particular OS. Also since this was reported back in April, this seems like low priority issue for you @okwasniewski ?