본문 바로가기
🍎 iOS

[SwiftUI] PreviewProvider 캔버스에서 다크 모드 같이 보기

by 틴디 2022. 11. 17.
728x90
반응형
struct ButtonView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ButtonView(iconName: "info")
                .previewLayout(.sizeThatFits)
            ButtonView(iconName: "plus")
                .previewLayout(.sizeThatFits)
                .preferredColorScheme(.dark)
        }
    }
}
  • View를 생성하면 PreviewProvider가 함께 작성되어 있고 여기에 previews로 미리보기 View를 지정함
  • ButtonView를 생성한 경우 
struct ButtonView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ButtonView()
                .previewLayout(.sizeThatFits)
            ButtonView()
                .previewLayout(.sizeThatFits)
                .preferredColorScheme(.dark)
        }
    }
}
  • Group으로 묶어서 리턴해주고(컨테이너 역활), 하나는 일반 모드로 다른 하나는 .preferredColorScheme을 dark로 지정해줌
  • 캔버스 상단에 생기는 탭 메뉴로 각 뷰 이동 가능
728x90
반응형

댓글