Apple Developer Academy/🎇 Swift

[Swift] how to create multiple preview

haeunkim.on 2023. 6. 8. 10:54

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 요소의 디테일한 위치를 각 디바이스에서 파악하는 데에 유용하게 사용할 수 있을 것 같다. 

반응형