Xcode 11 beta swift ui preview not showing

Question

Just playing with Swift UI basic app and the preview canvas is not showing even though I'm in canvas mode. App runs, and I have this little snippet what am I missing?

#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
       ContentView()
    }
}
#endif

Possible duplicate of Xcode Canvas for SwiftUI previews does not show up — pkamb
– pkamb, Commented Apr 21, 2022 at 19:08

Mark Hallap · Accepted Answer · 2019-12-23 15:58:37Z

366

Maybe someone is looking for this: Editor -> Canvas (Alt + Command + Enter)

edited Dec 23, 2019 at 15:58

Mark Hallap

133 bronze badges

answered Aug 12, 2019 at 1:33

Jadian

4,2002 gold badges15 silver badges10 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Cristian Over a year ago

1 hour looking for this button. It makes me wonder who's the blessed developer who placed it there.

shreyasm-dev · Accepted Answer · 2021-02-16 06:02:09Z

67

To open the preview canvas, just go to Editor -> Canvas

Or do Alt + Command + Enter

If your macOS version is below 10.15, you will get the below error

Update mac and try the same.

edited Feb 16, 2021 at 6:02

shreyasm-dev

2,9025 gold badges23 silver badges43 bronze badges

answered Dec 26, 2019 at 6:56

Saranjith

11.7k6 gold badges77 silver badges133 bronze badges

Comments

Mojtaba Hosseini · Accepted Answer · 2020-10-17 16:44:27Z

25

From the editor:

Top-Right corner of the editor, and then:

From the menu

Editor -> Canvas

Shortcuts

Open Canvas

⌥ option + ⌘ command + ↩ return

Refresh canvas

⌥ option + ⌘ command + P

A note about the macOS 

In the mac environment, you can search for any menu option under the Help menu, then it will open the exact menu path you are looking for.

For example, searching for canvas result in this:

edited Oct 17, 2020 at 16:44

answered Oct 17, 2020 at 8:59

Mojtaba Hosseini

124k45 gold badges342 silver badges328 bronze badges

Comments

casillas · Accepted Answer · 2019-06-25 02:53:18Z

24

To preview and interact with views from the canvas in Xcode, ensure your Mac is running on Catalina MacOS.

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

Please check apple document in the following URL https://developer.apple.com/documentation/xcode_release_notes/xcode_11_beta_2_release_notes

Xcode 11 beta supports development with SwiftUI.

Note

Tools for SwiftUI development are only available when running on macOS Catalina 10.15 beta.

edited Jun 25, 2019 at 2:53

answered Jun 24, 2019 at 20:05

casillas

16.9k21 gold badges127 silver badges228 bronze badges

1 Comment

meh Over a year ago

I wonder why they are forcing you to upgrade an entire OS just to be able to use some newer version of an SDK.

atalayasa · Accepted Answer · 2019-06-20 11:14:45Z

15

Additionally, if you are using macOS system older than beta version like 10.14 you can use Xcode playground to preview with following code.

import PlaygroundSupport
import SwiftUI

    struct ContentView : View {
        var body: some View {
            Text("Hello World")
        }
    }
 PlaygroundPage.current.liveView = UIHostingController(rootView: ContentView())

edited Jun 20, 2019 at 11:14

answered Jun 20, 2019 at 9:01

atalayasa

3,49028 silver badges43 bronze badges

5 Comments

Elshad Karimov Over a year ago

it gives this error - No such module 'PlaygroundSupport'

atalayasa Over a year ago

Is it possible that you have created Playground for macOS or something else? Can you try to create new Playground @ElshadKarimov

iTux Over a year ago

Catalina + Xcode 11b3 + Playground = Not working Preview

atalayasa Over a year ago

If you are using Catalina why you are trying to use Playground? My answer is people who is not using macOS 10.15 Catalina. @iTux

iTux Over a year ago

@AtalayAşa because I would not create app for iPhone or Mac, I was try SwiftUI :) After all tries I did create app for iOS with SwiftUI, and now is all good :)

Dave Batton · Accepted Answer · 2020-12-30 18:39:12Z

15

I'm running Xcode 12.2 on Catalina 10.15.7, and I not only need to make sure Canvas is selected but then I need to select Create Preview from the Editor menu.

answered Dec 30, 2020 at 18:39

Dave Batton

8,8451 gold badge48 silver badges50 bronze badges

1 Comment

Dave Batton Over a year ago

Turns out this is necessary if you create a Swift file, but not if you create a SwiftUI file. I think a SwiftUI file is just a Swift file plus it creates the preview for you.

Elshad Karimov · Accepted Answer · 2019-06-20 05:35:23Z

10

To preview and interact with views from the canvas in Xcode, ensure your Mac is running macOS 10.15 beta.

answered Jun 20, 2019 at 5:35

Elshad Karimov

3222 silver badges10 bronze badges

Comments

Vivek · Accepted Answer · 2022-04-25 06:55:54Z

3

Alt + Command + Enter

Will solve the issue

answered Apr 25, 2022 at 6:55

Vivek

5995 silver badges6 bronze badges

1 Comment

Apoorv Khatreja Over a year ago

Command + Option + Return for Mac users :)

jpayoung · Accepted Answer · 2019-08-27 00:17:25Z

1

In Xcode 11 Beta 6, there is a known issue and workaround for views that do not have their certain flags set (see below).

If this applies to you, and you are unable to set the corresponding flags, you may need to remove the #if debug flag around ContentView_Previews until the issue is fixed in a future Xcode release.

See the Xcode 11 Beta 6 Release Notes:

Preview providers that are defined in projects which don’t have -DDEBUG set for OTHER_SWIFT_FLAGS and wrapped in #if DEBUG don’t display in the canvas. That happens, for example, in Objective-C apps which that never had occasion to specify OTHER_SWIFT_FLAGS. (51138834)

Workaround: Remove the #if DEBUG and #endif from around the PreviewProvider declaration.

edited Aug 27, 2019 at 0:17

answered Aug 27, 2019 at 0:12

jpayoung

114 bronze badges

Comments

SaRaVaNaN DM · Accepted Answer · 2019-08-07 07:03:58Z

0

Check this xcode_11_beta_5_release_notes https://developer.apple.com/documentation/xcode_release_notes/xcode_11_beta_5_release_notes .

With Xcode 11 beta 5, previews are only available on macOS Catalina 10.15 beta 5, and only Xcode 11 beta 5 supports previews on macOS Catalina 10.15 beta 5. (52059562)

answered Aug 7, 2019 at 7:03

SaRaVaNaN DM

4,4084 gold badges26 silver badges30 bronze badges

Comments

Divesh singh · Accepted Answer · 2021-03-04 08:22:24Z

-1

I have restarted the Xcode and machine and it's worked for me. You can try this for many problems.

answered Mar 4, 2021 at 8:22

Divesh singh

4374 silver badges12 bronze badges

Comments

Neelu M · Accepted Answer · 2024-06-21 10:12:18Z

-1

import SwiftUI

struct ContentView: View { var body: some View { VStack { Text("Hello, world!") } .padding() .padding(8) .background(.yellow) } } #Preview { ContentView() }

answered Jun 21, 2024 at 10:12

Neelu M

1

1 Comment

Community Over a year ago

Your answer could be improved with additional supporting information. Please edit to add further details, such as citations or documentation, so that others can confirm that your answer is correct. You can find more information on how to write good answers in the help center.

Collectives™ on Stack Overflow

Xcode 11 beta swift ui preview not showing

12 Answers 12

1 Comment

Comments

From the editor:

From the menu

Shortcuts

Open Canvas

Refresh canvas

A note about the macOS 

Comments

1 Comment

5 Comments

1 Comment

Comments

1 Comment

Comments

Comments

Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

12 Answers 12

1 Comment

Comments

From the editor:

From the menu

Shortcuts

Open Canvas

Refresh canvas

A note about the macOS 

Comments

1 Comment

5 Comments

1 Comment

Comments

1 Comment

Comments

Comments

Comments

1 Comment

Linked

Related