SwiftUI Image: a closer look

There is a famous saying “A picture is worth a thousand words” 😎 so we are gonna learn about Image views in SwiftUI.

We can use Image view to display images inside our app. In its simplest form Image View can be initialized with

Image("image name")

or

Image(systemName: "SF symbol name")

Asset Image

Image(“dt”) initializer can load and display an image that is part of app bundle or inside Assets catalog folder. This initializer takes name of image as the parameter. Assets catalog supports both bitmap and PDF based vectors and Image view is capable of rendering both types without any issue.

struct ImageExample: View {
    var body: some View {
        Image("dt") // dt is name of image in Assets
    }
}

System Image

Image(systemName: “person.circle”) initializer accepts string name for SF symbol.

struct ImageExample: View {
    var body: some View {
        Image(systemName: "person.circle")
            .font(.system(size: 100))
    }
}

As you can see in the code above, with SF symbol initializer, you can apply font size.