Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[android][expo]: statusBarStyle breaks translucent StatusBar #1440

Open
3 of 7 tasks
hirbod opened this issue Apr 30, 2022 · 4 comments
Open
3 of 7 tasks

[android][expo]: statusBarStyle breaks translucent StatusBar #1440

hirbod opened this issue Apr 30, 2022 · 4 comments
Labels
Missing repro This issue need minimum repro scenario Platform: Android This issue is specific to Android

Comments

@hirbod
Copy link
Contributor

hirbod commented Apr 30, 2022

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

  1. Make StatusBar translucent via app.config.ts
  2. 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
  • Android
  • Web
  • Windows
  • tvOS

Workflow

  • Managed workflow (custom-dev-client)
  • 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
@github-actions github-actions bot added the Missing repro This issue need minimum repro scenario label Apr 30, 2022
@github-actions
Copy link

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?

@github-actions github-actions bot added the Platform: Android This issue is specific to Android label Apr 30, 2022
@a-eid
Copy link

a-eid commented Aug 6, 2022

actually this expo settings breaks the keyboard adjustResize somehow on android too.

@hirbod
Copy link
Contributor Author

hirbod commented Aug 6, 2022

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

@1880akshay
Copy link

adjustResize is not working in android with status bar set as translucent. Any fixes yet?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Missing repro This issue need minimum repro scenario Platform: Android This issue is specific to Android
Projects
None yet
Development

No branches or pull requests

4 participants