Xcode 11：画布不显示

Question

我正在尝试从Xcode 11运行新的Canvas功能，但是Canvas不会显示。我究竟做错了什么？

我刚刚创建了一个新的默认项目（单视图应用程序），对其进行了编译并激活了“编辑器>编辑器和画布”。我可以导航到项目中的每个文件，没有任何显示。

还需要做什么？

Answer 1

如官方教程所述，您需要使用Catalina macOS版本（10.15）

警告：Catalina不支持32位应用程序，某些旧应用程序在更新后将停止工作。

Answer 2

您仍然可以在操场上看到实时视图（未安装Catalina）。使用UIHostingController。

import UIKit
import SwiftUI
import PlaygroundSupport



struct ContentView : View {
    var body: some View {

        Text("Hello World")
            .color(Color.blue)
    }
}

// Present the view controller in the Live View window
PlaygroundPage.current.liveView = UIHostingController.init(rootView: ContentView())

Answer 3

根据Apple的官方教程，进一步添加其他答案：

要在Xcode中预览画布中的视图并与之交互，请确保您的Mac正在运行macOS 10.15 beta。

不幸的是，自从Beta版发布以来，我现在无法运行它，而且我没有备用Mac！

Answer 4

更新 Mac OS 版本 10.15 或更高版本。更新 Xcode 11 或更高版本。之后，单击 Editor > Canvas 进行代码预览。

奖励：如果您想在左侧看到代码预览，您可以从菜单图标 > 布局 > 右侧画布更改布局。（我分享了截图）

Answer 5

预览版仅适用于 MacOS 10.15 Beta

您需要在 Xcode 11.0-Beta 中点击 Editor and Canvas Option，或者您可以点击顶部选项中的 Editor -> Editor and Canvas

附截图供参考。

Answer 6

复制swift文件的内容，

将文件移至回收站

再次创建 swift 文件

粘贴并运行您的代码

Answer 7

我尝试了所有这些步骤，但后来意识到我的文件中没有我的PreviewProvider设置。没有这个，预览将不会出现。

确保你有这样的设置：

struct YourView_Previews: PreviewProvider {
    static var previews: some View {
        YourView()
    }
}

然后，您可以按照此线程中其他答案的建议进行操作，您的画布窗口应该会立即弹出。

Answer 8

另外，请确保在 SwiftUI 文件中调用此函数（在实际View结构之外）。

import SwiftUI

@main
struct ContentView_App: App {
    init() {
    }
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView() // Initialize your struct
    }
}