Remove White Screen Before Loading WebView in Xcode13?

Question

Need to Remove Whitescreen before loading webview in iOS, tried webview opaque. Even after adding Splash Screen & launch screen, I'm still getting the white splash before LOADING Webview URL.

import UIKit
import WebKit
class HomeViewController: UIViewController, WKUIDelegate {
    
    var webView: WKWebView!
     
    override func loadView() {
        let webConfiguration = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: webConfiguration)
        webView.uiDelegate = self        
        view = webView
        webView.isOpaque = false
    }
    
    override func viewDidLoad() {
        super.viewDidLoad()

        let webConfiguration = WKWebViewConfiguration()
        webView = WKWebView(frame: .zero, configuration: webConfiguration)
        webView.translatesAutoresizingMaskIntoConstraints = false
        let myURL = URL(string:"https://google.com")
        let myRequest = URLRequest(url: myURL!)
        

        
        view.addSubview(webView)
        webView.load(myRequest)

        NSLayoutConstraint.activate([
            webView.topAnchor.constraint(equalTo: view.topAnchor),
            webView.bottomAnchor.constraint(equalTo: view.bottomAnchor),
            webView.leftAnchor.constraint(equalTo: view.leftAnchor),
            webView.rightAnchor.constraint(equalTo: view.rightAnchor)
        ])}
}

One problem is that your code contains two different web views! One of them is created later and covers up the other one. — matt, Dec 31 '21 at 17:12

score 0 · Answer 1 · answered Dec 31 '21 at 08:46

0

have you tried to remove the background color of webView?

webView.backgroundColor = .clear

answered Dec 31 '21 at 08:46

Jinal Gor

116
2
4

Yes I did, doesn't work. – gajuu Dec 31 '21 at 09:21

score 0 · Answer 2 · answered Dec 31 '21 at 10:46

0

have you tried

self.webView.scrollView.backgroundColor = .clear

answered Dec 31 '21 at 10:46

Doruk Çoban

13
4

Tried Not Working. – gajuu Dec 31 '21 at 11:08

score 0 · Answer 3 · answered Dec 31 '21 at 18:22

Suggesting an alternative route that could achieve the effect you desire: maybe you could introduce an opaque or semi transparent view or subview that covers the webview until your content loads. Something like this:

You could have a callback that removes said view once you know you have a validated response from your request perhaps?

score 0 · Accepted Answer · answered Jan 05 '22 at 05:25

0

//Xcode13

webView.isOpaque = false; 
webView.backgroundColor = UIColor.clear;

answered Jan 05 '22 at 05:25

gajuu

1
3

Remove White Screen Before Loading WebView in Xcode13?

4 Answers4