At the current state of SwiftUI not all views are implemented yet. UIKit views can be added in the Swift hierarchy. In this tutorial a url will be displayed in a web view. SwiftUI requires Xcode 11 and MacOS Catalina, for which the Betas can be downloaded at the Apple developer portal.

Open Xcode and either click Create a new Xcode project in Xcode’s startup window, or choose File > New > Project. In the template selector, select iOS as the platform, select the Single View App template, and then click Next. Enter SwiftUIIntegrateUIKitTutorial as the Product Name, select the Use SwiftUI checkbox, and click Next. Choose a location to save the project on your Mac.

A new webView needs to be created inside the project. Choose File -> New -> File and select iOS -> User Interface -> SwiftUI View. Name the file WebView.swift.

In the canvas, click Resume to display the preview. If the canvas isn’t visible, select Editor > Editor and Canvas to show it.

In the Project navigator, click to select WebView.swift. Change the code to

import SwiftUI import WebKit // 1. struct WebView : UIViewRepresentable { let request: URLRequest // 2. func makeUIView(context: Context) -> WKWebView { return WKWebView() } // 3. func updateUIView(_ uiView: WKWebView, context: Context) { uiView.load(request) } } #if DEBUG struct WebView_Previews : PreviewProvider { static var previews: some View { // 4. WebView(request: URLRequest(url: URL(string: "https://ioscreator.com")!)) } } #endif

The UIViewRepresentable protocol enabling an existing UIKit View to be added to a SwiftUI hierarchy

The makeUIView(context:) method is required and creates the web view to be presented.

The updateUI(context:) method is required and updated the presented web view to the latest configuration.

The preview will display the url embedded in an url request

Go to the SceneDelegate.swift file and change the window.rootViewController = … line to

window.rootViewController = UIHostingController(rootView: WebView(request: URLRequest(url: URL(string: "https://ioscreator.com")!)))

Go to the preview pane and switch to live view. The preview will look like this.

In this tutorial a web browser is created using the WKWebView object.  A website will be loaded, where the title will be displayed and a refresh button will be added to the toolbar. This tutorial is made with Xcode 10 and built for iOS 12.

Open Xcode and create a new Single View App.

For product name, use IOSWebViewTutorial and then fill out the Organization Name and Organization Identifier with your customary values. Enter Swift as Language and choose Next.

Go to the Storyboard and select the View Controller. Go to the Editor menu and select Embed in -> Navigation Controller.

Go to the ViewController.swift file and import the WebKit module.

import WebKit

Add the webView property to the ViewController class

var webView: WKWebView!

Change the class declaration to implement the WKNavigationDelegate protocol. 

class ViewController: UIViewController, WKNavigationDelegate {

Add the loadView method

override func loadView() { webView = WKWebView() webView.navigationDelegate = self view = webView }

The WKWebview is assigned to the root view and the view controller is a delegate of the WKNavigationDelegate protocol. Change the viewDidLoad method to

override func viewDidLoad() { super.viewDidLoad() // 1 let url = URL(string: "https://ioscreator.com")! webView.load(URLRequest(url: url)) // 2 let refresh = UIBarButtonItem(barButtonSystemItem: .refresh, target: webView, action: #selector(webView.reload)) toolbarItems = [refresh] navigationController?.isToolbarHidden = false }

The webView loads the url using an URLRequest object.

a refresh item is added to the toolbar which will refresh the current webpage.

Next, Implement the webView(_:didFinish:) delegate method

func webView(_ webView: WKWebView, didFinish navigation: WKNavigation!) { title = webView.title }

The title of the webpage will be displayed in the title bar when the website is loaded.

Build and Run the project.

To display an PDF file from inside the app, it can be embedded inside a Web View. In this tutorial we will display a PDF file from the local filesystem onto the screen. This tutorial is made with Xcode 10 and built for iOS 12.

Open Xcode and create a new Single View App.

For product name, use IOSOpenPDFTutorial and then fill out the Organization Name and Organization Identifier with your customary values. Enter Swift as Language and choose Next.

Go to the Storyboard and add a Button to the Main View. Select the Button and change the title to "Open PDF". Ctrl and drag from the button to the top of the storyboard, hold down the Ctrl key and select the "Top Space to Safe Area" and "Center Horizontally in Safe Area" options.

The Storyboard will look like this.

Select the Assistant Editor and make sure the ViewController.swift file is visible. Ctrl and drag from the Button to the ViewController class  and create the following Action

The PDF will be displayed in a WKWebView object. which is part of the WebKit framework, so import it first

import WebKit

A sample pdf is needed so download the pdf and add it to the project. Go to the ViewController.swift file and implement the openPDF method.

@IBAction func openPDF(_ sender: Any) { let url = Bundle.main.url(forResource: "Alice_In_Wonderland", withExtension: "pdf") if let url = url { let webView = WKWebView(frame: view.frame) let urlRequest = URLRequest(url: url) webView.load(urlRequest) view.addSubview(webView) } }

The location of the PDF file inside the application's bundle is assigned to the url constant. A web view is created containing the pdf and this web view is added to the main view. Build and Run the project, select the "Open PDF" button, the PDF will be displayed.