callstack / callstack/react-native-bottom-tabs

"Reduce Transparency" setting issue with tabBarStyle

未关闭
#448 1 条评论 0 个 reaction 已指派 0 人 在 GitHub 查看
bug
主要语言
TypeScript
星标
1.5k
派生
109
平均合并
11 小时 44 分钟
30 天内合并 PR
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

In the application I use only dark color and would like to keep the same backGround color for tabBar, everything works fine but when I enable "Reduce Transparency" background color got overwritten, see attached video.

Image
Image

https://github.com/user-attachments/assets/0b0b3c90-d00d-435a-aa6b-e313a26d11a1

### Library version

^0.11.2

### Environment info

```shell
System:
OS: macOS 26.0.1
CPU: (8) arm64 Apple M3
Memory: 123.77 MB / 16.00 GB
Shell:
version: "5.9"
path: /bin/zsh
Binaries:
Node:
version: 22.9.0
path: ~/.nvm/versions/node/v22.9.0/bin/node
Yarn: Not Found
npm:
version: 10.8.3
path: ~/.nvm/versions/node/v22.9.0/bin/npm
Watchman:
version: 2025.06.23.00
path: /opt/homebrew/bin/watchman
Managers:
CocoaPods: Not Found
SDKs:
iOS SDK:
Platforms:
- DriverKit 25.0
- iOS 26.0
- macOS 26.0
- tvOS 26.0
- visionOS 26.0
- watchOS 26.0
Android SDK: Not Found
IDEs:
Android Studio: 2025.1 AI-251.25410.109.2511.13665796
Xcode:
version: 26.0.1/17A400
path: /usr/bin/xcodebuild
Languages:
Java:
version: 17.0.12
path: /usr/bin/javac
Ruby:
version: 3.3.7
path: /Users/ashotosipyan/.rubies/ruby-3.3.7/bin/ruby
npmPackages:
"@react-native-community/cli":
installed: 15.0.1
wanted: ^15.0.1
react:
installed: 18.3.1
wanted: 18.3.1
react-native:
installed: 0.77.2
wanted: 0.77.2
react-native-macos: Not Found
npmGlobalPackages:
"*react-native*": Not Found
Android:
hermesEnabled: true
newArchEnabled: false
iOS:
hermesEnabled: true
newArchEnabled: false
```

### Steps to reproduce

1. Set backGroundColor for tabBarStyle
2. Open iphone settings -> Accessibility -> Display & Text Size -> turn on Reduce Transparency toggle
3. Open the app -> the color will be overwritten

### Reproducible sample code

```js
don't have this opportunity
```

贡献指南

打开贡献指南

调研方向

首先,在启用 Reduce Transparency 并使用自定义 tabBarStyle backgroundColor 的情况下,在 iOS 上重现该问题。跟踪 tabBarStyle 在 bottom-tabs 实现中的应用方式,并验证启用辅助功能设置后背景色仍保持不变;未提供可复现示例或测试文件。

由索引模型根据 Issue 内容生成。

评估

技术栈
ios, react-native, typescript
领域
accessibility, mobile
Issue 类型
缺陷
难度
4/5
预计耗时
3-5 天
活跃度
停滞
描述清晰度
需要澄清
新手友好度
25/100

把新 issue 发到你的邮箱

精选适合新手参与的 GitHub issue 摘要。