SwiftUI WKWebView 加载 HTML 字符串并自适应高度 - 图片和 WebView 自适应 - 常规

{/'title/':/'SwiftUI WKWebView 加载 HTML 字符串并自适应高度 - 图片和 WebView 自适应/',/'description/':/'在本教程中，我们将学习如何在 SwiftUI 中使用 WKWebView 加载 HTML 字符串，并让其中的图片和 WebView 自适应高度，确保内容完美呈现。/',/'keywords/':/'SwiftUI, WKWebView, HTML, 图片自适应, WebView自适应, SwiftUI WKWebView, HTML 字符串, 加载 HTML, 自适应高度, 图片高度自适应, WebKit/',/'content/':/'要在 SwiftUI 中使用 WKWebView 加载 HTML 字符串并让其中的图片和 WebView 自适应高度，可以使用以下步骤：//n//n1. 创建一个WebView的UIViewRepresentable，用于在 SwiftUI 中包装 WKWebView。//n//nswift//nimport SwiftUI//nimport WebKit//n//nstruct WebView: UIViewRepresentable {//n let htmlString: String//n //n func makeUIView(context: Context) -> WKWebView {//n return WKWebView()//n }//n //n func updateUIView(_ uiView: WKWebView, context: Context) {//n uiView.loadHTMLString(htmlString, baseURL: nil)//n }//n}//n//n//n2. 在需要显示 WebView 的地方，使用WebView视图，并传递要加载的 HTML 字符串。//n//nswift//nstruct ContentView: View {//n let htmlString = ///'///'/'//n <html>//n <head>//n <style>//n img {//n max-width: 100%;//n height: auto;//n }//n </style>//n </head>//n <body>//n <img src=///'https://example.com/image.jpg///'>//n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>//n </body>//n </html>//n ///'/'//n //n var body: some View {//n WebView(htmlString: htmlString)//n }//n}//n//n//n在上面的代码中，我们在 HTML 中使用了样式来使图片的宽度自适应，并保持高度自动调整。//n//n这样，当你在 SwiftUI 中显示这个 WebView 时，它将加载并显示 HTML 字符串，并确保图片和 WebView 自适应高度。/