Question 130507 in Xcode Question posted in
Whether you're new to Xcode or an experienced developer, our archive has everything you need to know about this integrated development environment (IDE). From basic functionalities to advanced features, our archive covers a wide range of Xcode-related questions and answers. Browse our archive now and find solutions to your Xcode questions, and take your app development skills to the next level

Xcode – Display View In Blank Canvas

Hello heroes of the internet,

When we develop apps on Xcode we can preview apps on the Canvas, and it looks something like this:

enter image description here

Luckily, SwiftUI allows for splitting up the code in an easy manner, with "Views". Say you have a simple view and you want to preview it on a blank canvas, not on the phone with the phone’s aspect ratio and notch and all that. I want to display my view in a simple blank canvas, like in the image below.

enter image description here
How can I do such thing?

Tags:

2

Answers


  1. 0

    Change to the selectable preview mode at the bottom of the canvas:

    enter image description here

    Then add this to the preview code:

    struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
            ContentView()
            .previewLayout(.sizeThatFits) // here
    }
}
    Login or Signup to reply.
  2. 0

    Firstly, set up your preview layout in a fixed frame like below:

    struct FContentView_Previews: PreviewProvider { //don't forget to change name
 static var previews: some View { //don't forget to change name
    FContentView()
        .previewLayout(.fixed(width: 480, height: 320)) //this line of code
 }
}

    Then, set the preview option to Selectable like the below image.

    You can also refer to my latest updated answer: fixed frame preview in canvas

    enter image description here

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search