UIHostingController: SwiftUI ภายใน UIKit

UIHostingController คืออะไร

import SwiftUI
let swiftUIView = Text("Hello from SwiftUI")
let hostingVC = UIHostingController(rootView: swiftUIView)

การฝังใน UIViewController

class MyViewController: UIViewController {
  override func viewDidLoad() {
    super.viewDidLoad()
    let child = UIHostingController(rootView: ContentView())
    addChild(child)
    view.addSubview(child.view)
    child.view.frame = view.bounds
    child.didMove(toParent: self)
  }
}

การจัดวางอัตโนมัติด้วยตัวควบคุมโฮสต์

child.view.translatesAutoresizingMaskIntoConstraints = false
NSLayoutConstraint.activate([
  child.view.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor),
  child.view.leadingAnchor.constraint(equalTo: view.leadingAnchor),
  child.view.trailingAnchor.constraint(equalTo: view.trailingAnchor),
  child.view.bottomAnchor.constraint(equalTo: view.bottomAnchor)
])

การอัปเดตมุมมองราก

let hostingVC = UIHostingController(rootView: MyView(count: 0))
// Later:
hostingVC.rootView = MyView(count: 5)

การแสดงแบบโมดัล

let vc = UIHostingController(rootView: MySwiftUIView())
present(vc, animated: true)

การผลักเข้าสแต็กการนำทาง

let vc = UIHostingController(rootView: DetailView())
navigationController?.pushViewController(vc, animated: true)

การแชร์ข้อมูลผ่าน ObservableObject

let model = SharedModel()
let vc = UIHostingController(rootView: SwiftUIView().environmentObject(model))
// Changes to model in UIKit update SwiftUI and vice versa

การกำหนดขนาดตัวควบคุมโฮสต์

let size = hostingVC.sizeThatFits(in: CGSize(width: 320, height: UIView.layoutFittingCompressedSize.height))
hostingVC.view.frame.size = size

รูปลักษณ์และสไตล์

hostingVC.overrideUserInterfaceStyle = .dark

การตั้งค่าแอปแบบใช้ฉาก

func scene(_ scene: UIScene, willConnectTo session: UISceneSession, options: UIScene.ConnectionOptions) {
  guard let windowScene = scene as? UIWindowScene else { return }
  let window = UIWindow(windowScene: windowScene)
  window.rootViewController = UIHostingController(rootView: ContentView())
  self.window = window
  window.makeKeyAndVisible()
}

กรณีการใช้งาน

// UIKit app gradually migrated:
// - Old screens: UIViewController
// - New screens: UIHostingController(rootView: NewFeatureView())

ตรวจสอบความเข้าใจ

ทบทวนบทเรียน