status bar disappeared after full screen video in WKWebView only in iOS 12

Question

As you can see this only happened in iOS 12.

iOS 12              iOS 11

 

here is my code:

import UIKit
import WebKit

class ViewController: UIViewController {

    override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }

    override var prefersStatusBarHidden: Bool {
        return false
    }

    var webView: WKWebView!

    override func viewDidLoad() {
        super.viewDidLoad()
        webView = WKWebView(frame: UIScreen.main.bounds)
        view.addSubview(webView)
        webView.topAnchor.constraint(equalTo: view.topAnchor).isActive = true
        webView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
        webView.widthAnchor.constraint(equalTo: view.widthAnchor).isActive = true
        webView.loadHTMLString("<p><iframe src=\"https://www.youtube.com/embed/HCjNJDNzw8Y\" width=\"560\" height=\"315\" frameborder=\"0\" allowfullscreen=\"\"></iframe></p>", baseURL: URL(string: "https://www.youtube.com/"))
        setNeedsStatusBarAppearanceUpdate()
    }
}

my info.plist is right below:

Does anyone know how to solve it?

I know that if I set the key View controller-based status bar appearance to YES will help, but In that case it will look like this:

There are unknown reason for changing status bar from white and black, and as for my real project is in a large scale, so it will be nice to solve in the original setting, rather than make every ViewController inherit from one class which is subclass from UIViewController or add dynamic for overriding prefersStatusBarHidden and preferredStatusBarStyle in extension (here just try to force it show update status bar when View controller-based status bar appearance set to YES)

Hope there is a solution for View controller-based status bar appearance set to NO, that will be very helpful thx.

here is the demo project, it was created by Xcode9.4, feel free to try it with.

Dishpan

This happens with the video player as well when returning from full-screen. Also started in iOS 12. – Lateral

Same issue for me after coming from fullscreen. Any fixes? – Farrish

Did you get any solution on it? – Oneness

I'd also be interested in the solution. – Dulcimer

I get the error on iOS 12, but not on iOS 13. Did not have any entries in info.plist regarding Statusbar – Tobolsk

Answer 1

Remove Following property from info.plist file. and Give it programmatically only.

Status bar is initially hidden : NO

View controller-based status bar appearance : NO

Status bar style : UIStatusBarStyleLightContent

It may be work for you.

Eared

Answer 2

Use this solution:

- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
{
  ...
[[NSNotificationCenter defaultCenter] addObserver:self selector:@selector(videoExitFullScreen:) name:@"UIWindowDidBecomeHiddenNotification" object:nil];
...
}

- (void)videoExitFullScreen:(id)sender
{
  [[UIApplication sharedApplication] setStatusBarHidden:NO animated:YES];
}

Reference more here:

https://github.com/react-native-community/react-native-webview/issues/62

Billiards

setStatusBarHidden: animated: is deprecated one. You should use Use -[UIViewController prefersStatusBarHidden] – Barraza

Answer 3

Create one extension of AVPlayerViewController like below this slo

extension AVPlayerViewController {
    open override var prefersStatusBarHidden: Bool {
        return false
    }
}

Discordant

Answer 4

In the end I used category in objective-c to deal with this problem. I set View controller-based status bar appearance to YES and add code below

- (UIStatusBarStyle)preferredStatusBarStyle
{
    return UIStatusBarStyleLightContent;
}

- (BOOL)prefersStatusBarHidden
{
    return NO;
} 

As for my experience, you have to also implement code above in UINavigationViewController. It seems that it has its own implementation for that. And also every window to see if there is a rootViewController exist, if there isn't, then add one for it.

Although this solution is a bit Cumbersome, but that is the one I solved my issue perfectly so far.

Dishpan

Answer 5

If you want the status bar to be white, technically to be .lightContent, follow the steps below:

1. In Info.plist, set View controller-based status bar appearance = YES
2. Create an extenstion to either UIViewController or UINavigationController, and write the following codes:

    open override var preferredStatusBarStyle: UIStatusBarStyle {
        return .lightContent
    }
    
    open override var prefersStatusBarHidden: Bool {
        return false
    }

Note: In case the status bar turns back to dark, you may need to trigger a call of self.setNeedsStatusBarAppearanceUpdate() inside viewWillAppear() to inform the status bar to refresh itself.

Hope that helps !!! Have a nice one!

Behnken

Answer 6

Subscribe for

UIWindowDidBecomeHiddenNotification

event

NSNotificationCenter.DefaultCenter.AddObserver(new NSString("UIWindowDidBecomeHiddenNotification"), HandleAction);

and set the status bar state in handler:

void HandleAction(NSNotification obj)
{
    UIApplication.SharedApplication.StatusBarHidden = false;
}

Winola

Hello and welcome to stackoverflow, remember to consider pointing the user to the documentation and reasoning about your answer before copy pasting code. Thank you for your contribution. – Supposed