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

Status bar content color in IOS (dark mode) #31039

Closed
frodoe7 opened this issue Feb 23, 2021 · 6 comments
Closed

Status bar content color in IOS (dark mode) #31039

frodoe7 opened this issue Feb 23, 2021 · 6 comments
Labels
Platform: iOS iOS applications. Stale There has been a lack of activity on this issue and it may be closed soon.

Comments

@frodoe7
Copy link

frodoe7 commented Feb 23, 2021

Description

Status bar content color is white in the app in IOS (dark mode)
I set the configurations in XCode for status bar to be hidden and with light and dark theme and both did not work
When the status bar have a white content , the clock / battery info and these stuff looks hidden (white color on white background)

info.plist file

```<key>UIStatusBarHidden</key>
<true/>
<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleDefault</string>```

reference to similar issues

26619

React Native version:

    OS: macOS 10.15.7
    CPU: (8) x64 Intel(R) Core(TM) i7-4870HQ CPU @ 2.50GHz
    Memory: 1.23 GB / 16.00 GB
    Shell: 3.2.57 - /bin/bash
  Binaries:
    Node: 10.15.1 - ~/.nvm/versions/node/v10.15.1/bin/node
    Yarn: 1.22.10 - /usr/local/bin/yarn
    npm: 6.14.9 - /usr/local/bin/npm
    Watchman: 4.9.0 - /usr/local/bin/watchman
  Managers:
    CocoaPods: 1.8.4 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: iOS 14.0, DriverKit 20.0, macOS 11.0, tvOS 14.0, watchOS 7.0
    Android SDK:
      Android NDK: 20.0.5594570
  IDEs:
    Android Studio: 4.1 AI-201.8743.12.41.7042882
    Xcode: 12.0/12A8189h - /usr/bin/xcodebuild
  Languages:
    Java: 9.0.1 - /usr/bin/javac
    Python: 2.7.16 - /usr/bin/python
  npmPackages:
    @react-native-community/cli: Not Found
    react: ^16.13.1 => 16.14.0 
    react-native: ^0.63.4 => 0.63.4 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found```

## Expected Results
I want the status bar to have a dark content (dark text color)

## Snack, code example, screenshot, or link to a repository:
@chrisglein
Copy link

chrisglein commented Feb 23, 2021

There was a suggestion change in the issue you linked here. Did you try that? Did it work?

It'd be helpful to have more detail on your repro.

@chrisglein chrisglein added Needs: Author Feedback Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. and removed Needs: Triage 🔍 labels Feb 23, 2021
@github-actions
Copy link

⚠️ Missing Reproducible Example
ℹ️ It looks like your issue is missing a reproducible example. Please provide a Snack or a repository that demonstrates the issue you are reporting in a minimal, complete, and reproducible manner.

@frodoe7
Copy link
Author

frodoe7 commented Feb 24, 2021

There was a suggestion change in the issue you linked here. Did you try that? Did it work?

It'd be helpful to have more detail on your repro.

I tried to try it , I got this RCTStatusBarManager.m file , but it was in a different location and the Swift codes are different from the codes which inside the comment (looks because of a change in react-native version)

To reproduce the issue
just create a new project with react-native: 0.63.4 and make your status bar light
then test it on IOS device (with iOS version more than 13 and enable the dark mode)

@github-actions github-actions bot added Needs: Attention Issues where the author has responded to feedback. and removed Needs: Author Feedback labels Feb 24, 2021
@chrisglein chrisglein added Platform: iOS iOS applications. and removed Needs: Attention Issues where the author has responded to feedback. Needs: Repro This issue could be improved with a clear list of steps to reproduce the issue. labels Apr 20, 2021
@kbihani
Copy link

kbihani commented Sep 8, 2021

We too are facing the same issue.
The solution shared doesn't work as the filepath has changed.
Any help would be great!

@stale
Copy link

stale bot commented Jan 9, 2022

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

@stale stale bot added the Stale There has been a lack of activity on this issue and it may be closed soon. label Jan 9, 2022
@github-actions
Copy link

github-actions bot commented Feb 3, 2022

This issue was closed because it has been stalled for 7 days with no activity.

@github-actions github-actions bot closed this as completed Feb 3, 2022
@facebook facebook locked as resolved and limited conversation to collaborators Feb 3, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Platform: iOS iOS applications. Stale There has been a lack of activity on this issue and it may be closed soon.
Projects
None yet
Development

No branches or pull requests

3 participants