Xcode 11 beta swift ui preview not showing

SwiftXcodeSwiftui

Swift Problem Overview


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

Swift Solutions


Solution 1 - Swift

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

Solution 2 - Swift

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

enter image description here

Update mac and try the same.

Solution 3 - Swift

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.

Solution 4 - Swift

From the editor:

Top-Right corner of the editor, and then:

enter image description here


From the menu

Editor -> Canvas

enter image description here


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:

enter image description here

Solution 5 - Swift

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())

Solution 6 - Swift

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

Solution 7 - Swift

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.

Xcode Editor menu

Solution 8 - Swift

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.

Solution 9 - Swift

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)

Solution 10 - Swift

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

Solution 11 - Swift

Alt + Command + Enter

Will solve the issue

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionMadeByDouglasView Question on Stackoverflow
Solution 1 - SwiftJadianView Answer on Stackoverflow
Solution 2 - SwiftSaranjithView Answer on Stackoverflow
Solution 3 - SwiftcasillasView Answer on Stackoverflow
Solution 4 - SwiftMojtaba HosseiniView Answer on Stackoverflow
Solution 5 - SwiftatalayasaView Answer on Stackoverflow
Solution 6 - SwiftElshad KarimovView Answer on Stackoverflow
Solution 7 - SwiftDave BattonView Answer on Stackoverflow
Solution 8 - SwiftjpayoungView Answer on Stackoverflow
Solution 9 - SwiftSaRaVaNaN DMView Answer on Stackoverflow
Solution 10 - SwiftDivesh singhView Answer on Stackoverflow
Solution 11 - SwiftVivekView Answer on Stackoverflow