Xcode 11: Canvas не отображается

Вам необходимо использовать версию macOS Catalina (10.15), как указано в официальное руководство

Будьте осторожны: Catalina не поддерживает 32-битные приложения, некоторые старые приложения перестанут работать после обновления.

вы все еще можете видеть живое изображение (без установленной Catalina) с игровыми площадками. используя UIHostingController.

import UIKit
import SwiftUI
import PlaygroundSupport



struct ContentView : View {
    var body: some View {

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

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

Чтобы добавить к другому ответу, в соответствии с официальным руководством от Apple :

Обновите Mac OS версии 10.15 или более поздней. Обновите Xcode 11 или более позднюю версию. После этого нажмите Editor ›Canvas для предварительного просмотра кода.

Бонус: если вы хотите увидеть предварительный просмотр кода слева, вы можете изменить макет, выбрав Значок меню ›Макет› Холст справа. (Я поделился скриншотом)

Предварительный просмотр работает только на MacOS 10.15 Beta.

Вам нужно нажать на Editor и Canvas Option в Xcode 11.0-Beta, в качестве альтернативы вы можете нажать на Editor -> Editor и Canvas из верхних опций.

Прикрепленные скриншоты для справки.

Скопируйте содержимое быстрого файла,

Переместите файл в корзину

Снова создайте быстрый файл

Вставьте и запустите свой код

Я попробовал все эти шаги, но потом понял, что в моем файле нет настроек PreviewProvider. Без этого предварительный просмотр не появится.

Убедитесь, что он настроен следующим образом:

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

Затем вы можете последовать советам других ответов в этой ветке, и ваше окно холста должно выскочить.

Если вы переместите файл swiftUI в новую папку, холст не появится, и лучшее решение - скопировать весь код в файле, затем удалить файл в корзину, затем создать новый файл и вставить свой код.

Шаги:

1. скопировать код файла

2. удалить файл

3. создать новый файл с тем же именем

4. вставить код в новый файл

Это могло произойти, если вы обновили Xcode до более высокой бета-версии и во время процесса получили следующее сообщение об ошибке:

Не удалось загрузить подключаемый модуль

Не удалось загрузить подключаемый модуль com.apple.dt.UVKit по пути «/Applications/Xcode-beta.appDownloads/Xcode-beta.app/Contents/PlugIns/UVKit.framework». Подключаемый модуль или один из необходимых подключаемых модулей может отсутствовать или поврежден. Подключаемый модуль или один из необходимых подключаемых модулей может отсутствовать или поврежден, и может потребоваться переустановка.

Решение, похоже, состоит в том, чтобы обновить бета-версию Catalina до того же уровня. Вот ссылка на бета-версию программного обеспечения от Apple.

вам необходимо установить macOS версии не ниже (10.15 или выше)

Также убедитесь, что эта функция вызывается в вашем файле SwiftUI (вне фактической структуры View).

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

Помимо запуска MacOS Catalina [бета], кажется, что вам необходимо установить инструменты командной строки, иначе он выйдет из строя и «приостановит» холст (это произошло с Xcode 11 Beta 2). Для их установки выполните:

xcode-select --install

Предварительный просмотр холста работает только после обновления MacOS 10.14 до 10.15.

У нас есть Mac OS Catalina Beta версия (10.15)

Обновите свою систему, и она работает. :)

Проверьте эту ссылку.

Некоторые важные контрольные списки, пожалуйста, проверяйте по очереди. Если все это сделано, вы легко можете получить опцию «Редактор и холст».

1. Ваша версия MacOS равна или выше 10.15

2. Вы используете как минимум Xcode 11 Beta или новее. Если у вас есть Xcode 11, но ваша MacOS ниже 10.15, вы не сможете увидеть эту опцию.

3. Выполните команды из Терминала:

sudo xcode-select -s /Applications/Xcode.app/Contents/Developer

а потом

sudo xcodebuild -license

4. Если контрольные списки 1 и 2 выполнены, перейдите к параметру «Настройки» и выберите «Инструменты командной строки». Настройки -> Расположение и назначение инструментов командной строки для Xcode 11 / Beta.

В большинстве случаев проблема заключается в варианте 4.

Разочарованный тем, что Xcode предлагает для SwiftUI canvas (и как он не сообщает вам, что вам нужно перейти на Catalina, чтобы эта функция стала доступной), я решил создать свой собственный инструмент: QDesigner. Это приложение для iPad, в котором вы можете просто перетащить SwiftUI элементы управления на холст iPhone, настроить их несколькими нажатиями и сгенерировать SwiftUI код одним нажатием. Xcode не требуется.

Первая бета-версия QDesigner доступна через TestFlight:
https://testflight.apple.com/join/aSXW5tVp

Существует также сопутствующее приложение QDesigner Client для iPhone, которое можно подключить к QDesigner, запущенному на iPad, чтобы увидеть ваш дизайн пользовательского интерфейса на целевом устройстве, обновленный в реальном времени:
https://testflight.apple.com/join/DQv0DBJU

Надеюсь, это будет полезно по крайней мере для некоторых из вас! Дайте мне знать, что вы думаете, конечно, впереди много работы, чтобы сделать его полностью функциональным, но первая бета-версия уже полезна для базового SwiftUI использования.

Посмотрите демонстрационные видеоролики о QDesigner и узнайте больше, посетив веб-сайт:
https://Q-Mobile.IT/Q-Designer

Для предварительного просмотра и взаимодействия с представлениями на холсте в Xcode убедитесь, что на вашем Mac установлена ​​бета-версия MacOS 10.15.

Инструменты для разработки SwiftUI доступны только при работе в бета-версии macOS 10.15.

https://developer.apple.com/tutorials/swiftui/creating-and-combining-views

Для людей, которые хотели переместить предварительный просмотр в правую сторону ... Измените Layout (правый угол рабочего пространства, второй последний вариант) на Canvas on Right