Xcode 15.2中Playground LiveView显示为iPad而非iPhone如何解决？

在Xcode 15.2的Playground中运行SwiftUI代码时，LiveView默认呈现iPad外观，想要切换为iPhone样式，可通过以下两种方式解决：

你的代码示例 #

import SwiftUI
import PlaygroundSupport
import Combine

struct ContentView: View {
        
    var body: some View {
        NavigationView {
            List{
                NavigationLink(destination: EmptyView()) {
                    Text("Test 1")
                }
                NavigationLink(destination: EmptyView()) {
                    Text("Test 2")
                }
            }
            .navigationBarTitle("Hello World")
        }
            
    }
}

PlaygroundPage.current.liveView = UIHostingController(
    rootView: ContentView()
)

方法一：通过Playground界面设置切换 #

• 点击Playground右上角的ⓘ图标，打开右侧Inspectors面板
• 找到Live View选项组，展开后在Simulated Device下拉菜单中选择目标iPhone型号（如iPhone 15）
• 完成选择后，LiveView会自动切换为对应iPhone的外观和尺寸

方法二：通过代码强制指定设备样式 #

如果希望代码固定显示为iPhone样式，可使用两种代码实现方式：

方式1：设置控制器尺寸 #

修改UIHostingController的初始化代码，指定iPhone的标准尺寸：

import SwiftUI
import PlaygroundSupport
import Combine

struct ContentView: View {
    var body: some View {
        NavigationView {
            List{
                NavigationLink(destination: EmptyView()) {
                    Text("Test 1")
                }
                NavigationLink(destination: EmptyView()) {
                    Text("Test 2")
                }
            }
            .navigationBarTitle("Hello World")
        }
    }
}

let hostingController = UIHostingController(rootView: ContentView())
// 设置为iPhone 15的尺寸（宽390pt，高844pt）
hostingController.preferredContentSize = CGSize(width: 390, height: 844)
PlaygroundPage.current.liveView = hostingController

方式2：使用Playground设备模拟API（推荐） #

Xcode 14+支持直接通过API指定模拟设备，无需手动设置尺寸：

import SwiftUI
import PlaygroundSupport
import Combine

struct ContentView: View {
    // iOS 16+建议使用NavigationStack替代NavigationView
    var body: some View {
        NavigationStack {
            List{
                NavigationLink(destination: EmptyView()) {
                    Text("Test 1")
                }
                NavigationLink(destination: EmptyView()) {
                    Text("Test 2")
                }
            }
            .navigationTitle("Hello World")
        }
    }
}

// 直接指定模拟设备为iPhone 15
PlaygroundPage.current.setLiveView(ContentView(), device: .iPhone15)

内容的提问来源于stack exchange，提问作者Beginnerrrrrr