react-native-screens
react-native-screens copied to clipboard
[android][expo]: statusBarStyle breaks translucent StatusBar
Description
I have
androidStatusBar: {
translucent: true
},
in my app.config.ts. This is working fine, but when I use statusBarStyle
auto/light/dark, I get a white background on my Statusbar and it won't be translucent/floating over my content anymore.
Screenshots
Steps To Reproduce
- Make StatusBar translucent via app.config.ts
- add
statusBarStyle
to any Screen
Expected behavior
Should not break the translucent/floating StatusBar
Actual behavior
It is reverting the translucent StatusBar, thus breaking height calculations as well.
Reproduction
<Navigator.Screen
component={HomeStack}
options={{
statusBarStyle: 'inverted'
}}
/>
Platform
- [ ] iOS
- [x] Android
- [ ] Web
- [ ] Windows
- [ ] tvOS
Workflow
- [X] Managed workflow (custom-dev-client)
- [x] Bare workflow (custom-dev-client)
Package versions
package | version |
---|---|
react-native | 0.68.1 |
@react-navigation/native | 6.0.10 |
@react-navigation/native-stack | 6.6.2 |
react-native-screens | 3.13.1 |
react-native-safe-area-context | 4.2.6 |
react-native-gesture-handler | 2.4.1 |
react-native-reanimated | 2.8.0 |
expo | SDK 45 Beta-9 |
Hey! 👋
The issue doesn't seem to contain a minimal reproduction.
Could you provide a snippet of code, a snack or a link to a GitHub repository that reproduces the problem?
actually this expo settings breaks the keyboard adjustResize
somehow on android too.
Yes it does indeed. I kinda semi fixed all of this issues together with https://github.com/kirillzyusko/react-native-keyboard-controller since it changes StatusBar and keyboard controller back to how it should be