SwiftUI Image

iOS Development, Swift, Swift Tutorials, SwiftUI, SwiftUI Drawing and Animation

SwifUI Image is a view that displays an environment-dependent image.

How to display Image from Assets in SwiftUI

It is simple to display an image that is inside assets. Drop your image to the assets catalogue and after that call Image(_:) with the name of the image.

var body: some View {
       <span class="code-line-container" data-v-6334be62=""><span class="code-line" data-v-6334be62=""> <span class="syntax-type">Image</span>(<span class="syntax-string">"yourImage"</span>)</span></span>         
    }

How to load Image from Bundle in SwiftUI

If you want to load the image from Bundle in Swift UI, you can use this code:

This content is for members only. Login or Register to read

How to fit SwiftUI Image

By default, if you call Image(_:) it will not fit the screen. If you need to fit the screen add this code.

var body: some View {
       <span class="code-line-container" data-v-6334be62=""><span class="code-line" data-v-6334be62=""><span class="syntax-type">Image</span>(<span class="syntax-string">"yourImage"</span>)</span></span><span class="code-line-container" data-v-6334be62=""><span class="code-line" data-v-6334be62="">.resizable()         
    }</span></span>

If you want to keep the proportions, just call scaledToFit() to fit the parent. You can also try calling .aspectRatio(contentMode: .fit).

var body: some View {
       <span class="code-line-container" data-v-6334be62=""><span class="code-line" data-v-6334be62=""><span class="syntax-type">Image</span>(<span class="syntax-string">"yourImage"</span>)</span></span><span class="code-line-container" data-v-6334be62=""><span class="code-line" data-v-6334be62="">.resizable()
       .scaledToFit()        
    }</span></span>

You can also call scaledToFill() if it is OK for your app.