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

iOS status bar disappears in landscape orientation #18005

Closed
nathan815 opened this issue Feb 18, 2018 · 2 comments
Closed

iOS status bar disappears in landscape orientation #18005

nathan815 opened this issue Feb 18, 2018 · 2 comments
Labels
Resolution: Locked This issue was locked by the bot.

Comments

@nathan815
Copy link

nathan815 commented Feb 18, 2018

Is this a bug report?

Yes

Have you read the Contributing Guidelines?

Yes.

Environment

OS: macOS High Sierra 10.13.3
Node: 9.5.0
Yarn: 1.3.2
npm: 5.6.0
Watchman: 4.7.0
Xcode: Xcode 9.2 Build version 9C40b
Android Studio: 2.2 AI-145.3537739

Packages: (wanted => installed)
react: 16.2.0 => 16.2.0
react-native: 0.53.0 => 0.53.0

Target Platform: iOS (11)

Steps to Reproduce

(Write your steps here:)

  1. Open a React Native app that allows landscape orientation, and has a visible status bar
  2. Turn device/simulator to landscape orientation

Expected Behavior

The status bar should remain visible.

Actual Behavior

The status bar disappears.

Reproducible Demo

I've also noticed this issue in other React Native apps, such as Git Point.

I realize there was a previous issue (#10751) regarding this, but it seems to have been closed before it was fixed.

@nathan815 nathan815 changed the title iOS status bar disappears in landscape mode iOS status bar disappears in landscape orientation Feb 18, 2018
@Zycon42
Copy link

Zycon42 commented Feb 24, 2018

This is default iOS behavior. It hides status bar in "vertically compact environment" (all iPhones in landscape). You can override it, see https://developer.apple.com/documentation/uikit/uiviewcontroller/1621440-prefersstatusbarhidden

@nathan815
Copy link
Author

@Zycon42 Oh, interesting. Good to know. Do you know if it is possible to override this in React Native?

@hramos hramos closed this as completed Mar 5, 2018
@facebook facebook locked as resolved and limited conversation to collaborators Mar 5, 2019
@react-native-bot react-native-bot added the Resolution: Locked This issue was locked by the bot. label Mar 5, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Resolution: Locked This issue was locked by the bot.
Projects
None yet
Development

No branches or pull requests

4 participants