SwiftUI PreviewProvider와 미리보기

Tech/SwiftUI

Ellie Kim 2020. 3. 31. 11:25

프로젝트를 생성할 때 User Interface를 SwiftUI로 지정하면 ContentView가 생성됩니다.

ContentView.swift를 살펴보면 View를 상속받은 ContentView구조체가 있습니다.

앱이 시작되면, 윈도우는 ContentView.swift에 정의된 ContentView의 인스턴스를 보여줍니다.

그리고 아래에는 PreviewProvider을 상속받은 ContentView_Previews구조체가 있습니다.

PreviewProvider은 엑스코드에서 뷰 미리보기를 제공하는 타입 프로토콜입니다.

만약에 이 코드가 없다면 당연히 캔버에는 아무것도 나타나지 않습니다.

디폴트로 제공하는 프리뷰 구조체를 수정해보면 더 나은 프리뷰를 이용할 수 있습니다.

다크 모드로 사용하려면 아래와 같이 수정해주면 됩니다.

또한 Group뷰로 묶어서 볼 수도 있습니다.

다크 모드, 라이트 모드 동시에 보고 싶다면 아래와 같이 작성해주면 됩니다.

그럼 캔버스에는 두개의 모드가 나타나게 됩니다.