[Swift] how to create multiple preview

    import SwiftUI
    
    struct LandmarkList: View {
        var body: some View {
            NavigationView {
                List(landmarks) { landmark in
                    NavigationLink {
                        LandmarkDetail(landmark: landmark)
                    } label: {
                        LandmarkRow(landmark: landmark)
                    }
                }
                .navigationTitle("Landmarks")
            }
        }
    }
    
    struct LandmarkList_Previews: PreviewProvider {
        static var previews: some View {
            ForEach(["iPhone SE (2nd generation)", "iPhone XS Max"], id: \.self) { deviceName in
                LandmarkList()
                    .previewDevice(PreviewDevice(rawValue: deviceName))
            }
        }
    }

     

    프리뷰를 여러개를 동시에 띄우면

    각 디바이스의 프리뷰를 확인하여 레이아웃이나 디자인이 어떻게 보이는지 미리 확인할 수 있다.

    ui 요소의 디테일한 위치를 각 디바이스에서 파악하는 데에 유용하게 사용할 수 있을 것 같다. 

    반응형

    댓글