Previewing a view on different devices

Xcode15 allows us to preview our designs on multiple screen sizes and device types simultaneously, using the new device selector. In this recipe, we will create a simple app that displays an image and some text on preview it in multiple devices, without using any additional code.

Getting ready

Let's create a SwiftUI app named PreviewOnDifferentDevices.

How to do it…

We will add an image and some text to the ContentView struct and then modify the preview to show the content on multiple devices. The steps are as follows:

1. Download the friendship.jpg image from this chapter's resources file at https://github.com/PacktPublishing/SwiftUI-Cookbook-3rd-Edition/blob/main/Resources/Chapter04/recipe4/friendship.jpg.
2. Drag and drop the downloaded image file into the Assets folder in Xcode.
3. Open the ContentView.swift file, and replace its content with the following code to display an image and some text:

import SwiftUI
struct ContentView...