callstack / callstack/react-native-bottom-tabs

[iOS] Header visible when more than 5 screens present

Đang mở
#340 5 bình luận 0 reaction 0 người được giao Xem trên GitHub
bug
Ngôn ngữ chính
TypeScript
Star
1.5k
Fork
109
Merge trung bình
11 giờ 44 phút
Pull request đã merge (30 ngày)
8

Mô tả

### 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

Hướng dẫn đóng góp

Mở hướng dẫn đóng góp

Hướng nghiên cứu

Bắt đầu bằng cách chạy mẫu có thể tái hiện FormSheetBug được liên kết với react-native-bottom-tabs 0.9.0, sau đó kiểm tra phần triển khai trình điều hướng tab để xem cách xử lý các tab bị ẩn và các màn hình từ màn hình thứ sáu trở đi. Tái hiện trường hợp có sáu màn hình, điều hướng đến màn hình thứ sáu bị ẩn và xác minh rằng không xuất hiện header nút quay lại "More".

Do mô hình lập chỉ mục viết ra từ nội dung của issue.

Đánh giá

Công nghệ
ios, react-native, typescript
Lĩnh vực
mobile
Loại issue
Lỗi
Độ khó
3/5
Thời gian dự kiến
1-2 ngày
Mức độ hoạt động
Đình trệ
Độ rõ ràng
Khá rõ ràng
Mức phù hợp với người mới
52/100

Nhận issue mới trong hộp thư của bạn

Bản tóm tắt ngắn những issue GitHub phù hợp với người mới.