Question

实时视图显示一个只适合文本或视图内的任何内容的小框，它不显示完整的手机

这是代码

@State private var favoriteColor = "Red"
var colors = ["Red", "Green", "Blue"]

var body: some View {
    VStack{
        Picker(selection: $favoriteColor, label: Text("hey")) {
                Text("hey2")
        }
        .pickerStyle(SegmentedPickerStyle())
        Text("\(favoriteColor)")
    }
}

here is how the live view looks

Answer 1

在您附加的图片中，您展示了一些您实际上并未包含在您的问题中的代码。在其中，您初始化了一个具有特定大小的 UIHostingController，但之后从不对其进行任何操作——而是将 Playground 视图设置为仅 ContentView。

您可以通过添加 ContentView 修饰符来使 frame 以更大的框架显示：

PlaygroundPage.current.setLiveView(ContentView().frame(width: 375, height: 667))

Xcode 操场中的 SwiftUI 问题，Xcode 12.4

1 个答案: