View is showing only in status bar in iphone

Question

I am developing hybrid app using WKWebView everything is working fine in all size simulators but when i am running code in iPhone the progress bar is showing on the screen all the time and the view is appear in status bar ,also when I scroll the screen in status bar I can see the scrolling of contents of my app.

var webview:WKWebView!
let configuration = WKWebViewConfiguration()
wkwebview = WKWebView(frame:self.view.frame,configuration:configuration)
self.view = wkwebview
wkwebview.load(req as URLRequest)

Can anyone knows what is this ?? I am using Xcode 9.2 and macOS Sierra version 10.12.6

Edited :

If I stops Internet it shows view in the iphone(fine).
It is also working fine in iphone 6 and above.

@jakirhussain i have seen below, there is 2 comments with answer, and it seems to work perfectly, by using any of these code. If you have tried both and though you didn't rectify the issue, then you have to show your storyboard along with your class code. Thanks — Abhishek Mitra, Dec 26 '17 at 09:51
@jakirhussain . try `let wkwebview = WKWebView(frame:UIScreen.main.bounds,configuration:configuration)` it should work — Jack, Dec 29 '17 at 04:01
Is it working fine on iOS 6 and above or iPhone 6 and above? — Upholder Of Truth, Dec 29 '17 at 22:01
I think you need to check 2 things. First, check if any other view don't cover your web view (view with spinner can cover your webview). Then try to add constraints to your web view as @biloshkurskyi.ss suggested. This should solve your problem. — Andrew, Dec 31 '17 at 00:40

score 1 · Accepted Answer · answered Jan 12 '18 at 11:32

1

It was Internet issue. I was using LAN for running this App and the IP was conflicting, so when I update the IP of my iPhone the issue got fixed.

answered Jan 12 '18 at 11:32

jakir hussain

316
2
18

score 0 · Answer 2 · answered Dec 26 '17 at 09:31

Try to be more flexible with constraints: check full descriptions with examples how to work with them.

One of possible way for you is to use NSLayoutConstraint + Visual Format Language:

    let webview = WKWebView(frame: self.view.frame, configuration: WKWebViewConfiguration())
    webview.translatesAutoresizingMaskIntoConstraints = false
    self.view.addSubview(webview)
    webview.load(URLRequest(url: URL(string: "https://stackoverflow.com/")!))

    let views = ["webview": webview]
    let horizontalConstraints = NSLayoutConstraint.constraints(withVisualFormat: "V:|-[webview]-|", options: .alignAllCenterY, metrics: nil, views: views)
    let verticalConstraints = NSLayoutConstraint.constraints(withVisualFormat: "H:|-[webview]-|", options: .alignAllCenterX, metrics: nil, views: views)

    self.view.addConstraints(horizontalConstraints)
    self.view.addConstraints(verticalConstraints)

@jakirhussain try to inspect your view hierarchy in the inspector. Maybe your parent view has incorrect frame too. — biloshkurskyi.ss, Dec 27 '17 at 13:32

score 0 · Answer 3 · answered Dec 26 '17 at 11:46

Try the below code:

override func viewDidLoad() {
    super.viewDidLoad()

    let webView = WKWebView(frame:CGRect(x: 0, y: 0, width: self.view.frame.width, height: self.view.frame.height), configuration: WKWebViewConfiguration())
    self.view.addSubview(webView)
    webView.load(URLRequest(url: URL(string: "https://google.com/")!))

}

check this screenshot --- https://i.stack.imgur.com/yVAFW.png

score 0 · Answer 4 · answered Dec 27 '17 at 10:40

0

For me it looks like something is above your webview. Have you debugged your view hierarchy already ?

answered Dec 27 '17 at 10:40

Milander

1,021
11
18

It is working fine is simulator as well as ios 6 and above so I don't thing that there is any view hierarchy issue@Milander – jakir hussain Dec 28 '17 at 06:14

score 0 · Answer 5 · answered Dec 27 '17 at 13:37

0

This might help. Put this code in viewWillApear

var screenViewBounds: CGRect? = wkWebView?.bounds
    screenViewBounds?.origin.y = 20
    screenViewBounds?.size.height = screenViewBounds?.size.height - 20
    wkWebView?.frame = screenViewBounds

answered Dec 27 '17 at 13:37

cpt. Sparrow

415
8
22

score 0 · Answer 6 · answered Dec 27 '17 at 23:21

0

Hello Jakir Hussain the solution to this question is simple. You need to go to the "General" tab and then go to "Status Bar" and select "Requires FUll Screen"

answered Dec 27 '17 at 23:21

Vikram Chandra Narra

1
1

View is showing only in status bar in iphone

6 Answers6