Image loading from URL in iOS Swift - Practice Problems & Coding Challenges

Challenge - 5 Problems

❓ ui_behavior

intermediate

What will this SwiftUI code display?

Consider this SwiftUI view that loads an image from a URL asynchronously. What will the user see when the view appears?

iOS Swift

import SwiftUI

struct ContentView: View {
  let url = URL(string: "https://example.com/image.png")!
  var body: some View {
    AsyncImage(url: url) { image in
      image.resizable().scaledToFit()
    } placeholder: {
      ProgressView()
    }
  }
}

A A loading spinner appears first, then the image loads and fits the view.

B The image appears immediately without any loading indicator.

C The view shows a blank space with no image or indicator.

D The app crashes because AsyncImage requires a different initializer.

💡 Hint

Think about what AsyncImage does while waiting for the image to load.

AsyncImage shows the placeholder view (ProgressView) while loading the image from the URL. Once loaded, it displays the image resized to fit the view.

📝 Syntax

intermediate

Which code snippet correctly loads an image from a URL in UIKit?

You want to load an image from a URL asynchronously and display it in a UIImageView. Which code snippet is correct?

A

let url = URL(string: "https://example.com/image.png")!
let data = try? Data(contentsOf: url)
imageView.image = UIImage(data: data!)

B

let url = URL(string: "https://example.com/image.png")!
URLSession.shared.dataTask(with: url) { data, _, _ in
  if let data = data {
    DispatchQueue.main.async {
      imageView.image = UIImage(data: data)
    }
  }
}.resume()

C

let url = URL(string: "https://example.com/image.png")!
imageView.image = UIImage(contentsOfFile: url.path)

D

let url = URL(string: "https://example.com/image.png")!
imageView.image = UIImage(named: url.absoluteString)

💡 Hint

Remember that loading data from the network should be asynchronous and UI updates on the main thread.

Option B uses URLSession to fetch data asynchronously and updates the UIImageView on the main thread. Option B blocks the main thread and can crash. Options C and D misuse UIImage initializers.

❓ lifecycle

advanced

What happens if you load an image from a URL in viewDidLoad without caching?

In a UIViewController, you load an image from a URL in viewDidLoad every time the view appears. What is a likely consequence?

A The app crashes because images cannot be loaded in viewDidLoad.

B The image never loads because viewDidLoad is too early in the lifecycle.

C The image loads once and is cached automatically by the system, so no extra network calls happen.

D The image reloads every time the view appears, causing unnecessary network usage and slower UI.

💡 Hint

Think about how network requests behave if you do not store or cache the image data.

Without caching, loading the image in viewDidLoad causes a network request each time the view loads, which wastes data and slows the app.

🔧 Debug

advanced

Why does this SwiftUI AsyncImage code never show the image?

This SwiftUI code uses AsyncImage but the image never appears, only the placeholder spinner. What is the problem?

iOS Swift

AsyncImage(url: URL(string: "https://example.com/image.png")) { image in
  image.resizable()
} placeholder: {
  ProgressView()
}

A The image is not scaled or sized, so it has zero size and is invisible.

B The URL string is invalid and causes AsyncImage to fail silently.

C AsyncImage requires a .frame modifier to work properly.

D The placeholder view blocks the image from appearing.

💡 Hint

Think about how SwiftUI views need explicit size or scaling to be visible.

Without a size or scaling modifier like scaledToFit or a frame, the image has zero size and does not appear, even though it loads.

🧠 Conceptual

expert

What is the best practice for loading images from URLs in a production iOS app?

Which approach is best for loading images from URLs in a production iOS app to ensure good performance and user experience?

A Load images synchronously with Data(contentsOf:) to simplify code.

B Always use URLSession dataTask directly and reload images every time the view appears.

C Use a third-party library like SDWebImage or Kingfisher that handles async loading, caching, and placeholder images.

D Use UIImage(named:) with the URL string to load images efficiently.

💡 Hint

Think about caching, smooth loading, and reusability in real apps.

Third-party libraries provide optimized async loading, caching, and placeholder support, improving performance and user experience.