SwiftUI 预览视图

SwiftUI 一个很强的特性就是可以实时预览页面,边写代码边看代码的实现效果

同时预览多个机型

如果想在 SwiftUI 项目中预览多个机型的话,可以把 Preview 的代码改成如下形式:

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        Group {
            ContentView()
                .previewInterfaceOrientation(.portrait)		// 这里修改设备屏幕方向
            ContentView()
                .previewInterfaceOrientation(.landscapeLeft)
            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPhone 12 Pro"))	// 这里修改设备型号,设备型号一定要写对
                .previewDisplayName("iPhone 12 Pro")	// 这里修改设备展示名字
            ContentView()
                .previewDevice(PreviewDevice(rawValue: "iPad Air (4th generation)"))
                .previewDisplayName("iPad Air (4th generation)")
        }
    }
}

注意: Group {} 是必需的,否则会导致各机型中的视图属性不同步,从而导致预览失败