callstack / callstack/react-native-bottom-tabs

[iOS] Header visible when more than 5 screens present

オープン
#340 コメント 5 件 リアクション 0 件 担当者 0 名 GitHub で見る
bug
主要言語
TypeScript
スター
1.5k
フォーク
109
平均マージ
11時間 44分
マージ済み PR(30日)
8

説明

### Before submitting a new issue

- [x] I tested using the latest version of the library, as the bug might be already fixed.
- [x] I tested using a [supported version](https://github.com/reactwg/react-native-releases/blob/main/docs/support.md) of react native.
- [x] 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

```shell
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

https://github.com/user-attachments/assets/03a8c521-827e-4856-ac9c-5c3f78933f6f

### Reproducible sample code

https://github.com/sidorchukandrew/FormSheetBug

コントリビューションガイド

コントリビューションガイドを開く

調査の方向性

まず、リンクされている FormSheetBug の再現可能なサンプルを react-native-bottom-tabs 0.9.0 で実行し、次に、非表示のタブと 5 番目以降の画面の扱いについてタブナビゲーターの実装を調べます。6 画面のケースを再現し、非表示の 6 番目の画面に移動して、"More" の戻るボタンヘッダーが表示されないことを確認します。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
ios, react-native, typescript
領域
mobile
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
52/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。