SwiftUI从入门到实战第2章第8节：使用UIKit中的WKWebView

最新推荐文章于 2026-04-28 08:57:53 发布

原创最新推荐文章于 2026-04-28 08:57:53 发布 · 1.2k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

本文为互动教程网原创文章，欢迎转载但请注明来源。

收录于

iOS移动开发专栏收录该内容

469 篇文章

订阅专栏

本文介绍如何在SwiftUI中集成WKWebView，通过遵循UIViewRepresentable协议，实现在SwiftUI应用中展示网页内容。示例代码展示了如何加载苹果官网。

相关课程：http://hdjc8.com/hdjc/swiftUI/

SwiftUI并没有包含WebView，这里通过遵循UIViewRepresentable协议，在SwiftUI中集成UIKit中的WKWebView。
示例代码：

import SwiftUI
//首先导入需要使用到的WebKit框架。
import WebKit

//使当前的结构体遵循UIViewRepresentable协议。使用该协议的实例，可以在SwiftUI中创建和管理UIView对象。
struct ContentView : UIViewRepresentable {
    
    //实现协议里的makeUIView方法，用来初始化并返回一个WKWebView网页视图对象。
    func makeUIView(context: UIViewRepresentableContext<ContentView>) -> WKWebView {
        return WKWebView()
    }
    
    //接着实现协议里的updatedUIView方法，用来设置网页视图需要加载的网址参数。
    func updateUIView(_ uiView: WKWebView, context: UIViewRepresentableContext<ContentView>) {
        //初始化一个URLRequest对象，作为网页视图的网址。
        let request = URLRequest(url:URL(string: "https://apple.com")!)
        //通过load方法，使网页视图加载该网址对应的网页。
        uiView.load(request)
    }
}

查看运行结果：