Swift (iOS)-Leitfaden

Binden Sie das Widget in Ihre native iOS-App ein, indem Sie eine WKWebView in einen Standard-SwiftUI-View einbetten. So kombinieren Sie native UI mit unserer stets aktuellen Kalenderlogik.

✓

Natives Feeling

Transparenter Hintergrund fügt sich nahtlos in Ihre App-UI ein.

✓

Bereit für SwiftUI

Implementiert das UIViewRepresentable Protokoll.

Swift-Code

Zurück zum Konfigurator

import SwiftUI
import WebKit

struct CalendarWeekWidget: UIViewRepresentable {
    func makeUIView(context: Context) -> WKWebView {
        let webView = WKWebView()
        webView.isOpaque = false
        webView.backgroundColor = .clear
        return webView
    }
    
    func updateUIView(_ webView: WKWebView, context: Context) {
        let html = """
        <!DOCTYPE html>
        <html>
        <head>
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <style>
                body { margin: 0; padding: 16px; }
            </style>
        </head>
        <body>
            <div class=\"tcw-embed\" data-design=\"dashboard\" data-variant=\"weekdays\"></div>
            <script src="https://thecalendarweek.com/embed.js" async></script>
        </body>
        </html>
        """
        
        webView.loadHTMLString(html, baseURL: nil)
    }
}