Swift Utilities — Интеграция SwiftUI в UIKit
![a47752e9afb2b879b6533b7c678b8a61.jpg](https://habrastorage.org/getpro/habr/upload_files/a47/752/e9a/a47752e9afb2b879b6533b7c678b8a61.jpg)
За годы работы разработчиком iOS, я собрал множество инструментов и полезных штук, которые облегчают процесс разработки. В этой статье, я хочу поделиться одним из таких инструментов. Это будет не большая статья. Я покажу, как пользоваться этой утилитой, продемонстрирую её в действии. Надеюсь, что статья окажется полезной для вас.
Как можно начать переезжать на SwiftUI? Постепенно. Переписывать целый экран слишком дорого по времени, а вот переписать ячейку или кнопку куда быстрее. Таким способом можно мигрировать на SwiftUI, постепенно переписывая экран. В этом поможет класс HostingView.
/// HostingView allows you to use SwiftUI View in UIKit code
///
/// Example:
///
///```swift
///
/// // SwiftUI
/// struct SomeView: View {
///
/// var body: some View {
/// Text("Hello World!")
/// }
/// }
///
/// // UIKit
/// class RootViewController: UIViewController {
///
/// override func viewDidLoad() {
/// super.viewDidLoad()
///
/// // SwiftUI View -> UIView
/// let swiftUIView = SomeView()
/// let view = HostingView(rootView: swiftUIView)
/// }
/// }
/// ```
///
/// Warning:
/// In some iPhone models, SwiftUIView must be set to `.ignoresSafeArea()` otherwise the final UIView may be indented
public final class HostingView: UIView {
private(set) var hostingController: UIHostingController
public var rootView: T {
get { hostingController.rootView }
set { hostingController.rootView = newValue }
}
public init(rootView: T, frame: CGRect = .zero) {
hostingController = UIHostingController(rootView: rootView)
super.init(frame: frame)
backgroundColor = .clear
hostingController.view.backgroundColor = backgroundColor
hostingController.view.frame = self.bounds
hostingController.view.autoresizingMask = [.flexibleWidth, .flexibleHeight]
addSubview(hostingController.view)
}
public required init?(coder: NSCoder) {
fatalError("init(coder:) has not been implemented")
}
}
Пример Использования
Рассмотрим простой пример, демонстрирующий использование HostingView
для встраивания SwiftUI View внутри класса UIViewController
.
Создание SwiftUI View:
struct SomeView: View {
var body: some View {
Text("Hello World!")
}
}
Интеграция в UIKit:
class RootViewController: UIViewController {
override func viewDidLoad() {
super.viewDidLoad()
let swiftUIView = SomeView()
let view = HostingView(rootView: swiftUIView)
}
}
Особенности
Встроенный UIHostingController:
HostingView
используетUIHostingController
для рендеринга SwiftUI Views. Это обеспечивает точное отображение и поведение SwiftUI компонентов внутри UIKit.Поддержка Автоизменения Размеров: Компоненты SwiftUI автоматически изменяют свои размеры под контейнер UIKit, что обеспечивает гибкость и удобство при разработке.
Что нужно учитывать?
Важно учитывать особенности Safe Area на разных моделях iPhone. На моделях без safeArea может появиться отступ. Использование метода .ignoresSafeArea()
в SwiftUI View помогает избежать этой проблемы.
Заключение
Этот подход позволяет разработчикам постепенно переходить к использованию SwiftUI, минимизируя риски и издержки, связанные с полной перепиской приложений.