swift uikit preview(미리보기) 띄우기

코드로 UI를 작성하다보면 스토리보드랑 다르게 빌드를 해야만 볼 수 있어 불편한 점이 많았다. 

 

그러한 불편한 점을 해결하기 위해서 SwiftUI의 Preview기능을 가져오면 쉽게 확인이 가능하다. 

 

(그냥 코드를 복사해서 가져다 쓰면 된다)

 

extension UIViewController {
    private struct Preview: UIViewControllerRepresentable {
            let viewController: UIViewController

            func makeUIViewController(context: Context) -> UIViewController {
                return viewController
            }

            func updateUIViewController(_ uiViewController: UIViewController, context: Context) {
            }
        }

        func toPreview() -> some View {
            Preview(viewController: self)
        }
}

 

struct MyViewController_PreViews: PreviewProvider {
    static var previews: some View {
        TabBarController().toPreview() //원하는 VC를 여기다 입력하면 된다. 
    }
}

그럼 다음과 같이 preview가 자동으로 생기면서 쉽게 UI를 보면 코드를 작성할 수 있다.