How do I make the status bar on iPhone X solid white?

Question

I'm quite new to Swift, I just want to show a mobile version of a site using Apple's WKWebView but on iPhone X or later where there's a notch, the status bar is not solid which doesn't look good if the website has a sticky navigation bar.

I've tried everything I could find online but nothing worked, so I thought I might post my issue here.

I would like to make the status bar solid white so it matches the sticky navigation bar.

This is my code:

import UIKit
import WebKit
class ViewController: UIViewController, WKUIDelegate {

    var webView: WKWebView!

    override var prefersStatusBarHidden: Bool {
        return true
    }
    override func loadView() {
        let webConfiguration = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: webConfiguration)
        webView.uiDelegate = self
        view = webView
    }
    override func viewDidLoad() {
        super.viewDidLoad()

        let myURL = URL(string:"https://www.webthat.nl")
        let myRequest = URLRequest(url: myURL!)
        webView.load(myRequest)
    }
}

This is what I get on iPhones with a notch:

Swift 5: Use this solution and then you check the hasNotch https://stackoverflow.com/a/68289931/7110147 — Grenoblois, Jul 07 '21 at 16:47

score -1 · Answer 1 · answered Aug 31 '19 at 13:15

-1

Try adding this code

override func viewWillAppear(_ animated: Bool) {
    self.navigationItem.hidesBackButton = true
    let statusBar: UIView = UIApplication.shared.value(forKey: "statusBar") as! UIView
    if statusBar.responds(to:#selector(setter: UIView.backgroundColor)) {
        statusBar.backgroundColor = UIColor.white
    }
}

Also add this to info.plist file

<key>UIStatusBarStyle</key>
<string>UIStatusBarStyleLightContent</string>
<key>UIViewControllerBasedStatusBarAppearance</key>
<false/>

answered Aug 31 '19 at 13:15

Yogesh Tandel

1,738
1
19
25

it will not going to work from iOS 13 that is about to release under one month. – Mojtaba Hosseini Aug 31 '19 at 13:18
@MojtabaHosseini I'm using iOS 13, how can I make this to work? – Antwan van Enk Aug 31 '19 at 13:22
iOS 13 has a new modal transition along side with multiple window support, so you can not use `statusBar` to achieve your need. One thing you can do is to put a dummy view behind status bar but you should consider window transitions and etc. – Mojtaba Hosseini Aug 31 '19 at 13:25

How do I make the status bar on iPhone X solid white?

1 Answers1