AsyncImage not loading inside VStack

Question

When using an AsyncImage inside a VStack, the image never loads. The handler is called once, and the AsyncImagePhase is .empty. Sample code:

import SwiftUI struct ContentView: View { var body: some View { VStack { AsyncImage(url: URL(string: "https://i.scdn.co/image/ab6761610000e5ebb78f77c5583ae99472dd4a49")!) { phase in switch phase { case .success(let image): image default: EmptyView() } } } } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } }

If you remove the VStack, the image loads (only when you run the app though; the Simulator in the Canvas window disappears in this case.)

I assume this is a SwiftUI bug. Any known workarounds?

Well, you're force unwrapping your url, though unlikely to cause the problem. Are you actually hitting the .success case? Also, is image a type of View — xTwisteDx
– xTwisteDx, Commented Feb 4, 2022 at 2:14

dudette · Accepted Answer · 2022-02-04 02:15:49Z

3

try this, replacing EmptyView() : (note there is no need for the "!" for the url)

struct ContentView: View { var body: some View { VStack { AsyncImage(url: URL(string: "https://i.scdn.co/image/ab6761610000e5ebb78f77c5583ae99472dd4a49")) { phase in switch phase { case .success(let image): image default: Color.clear // <-- here } } } } }

answered Feb 4, 2022 at 2:15

dudette

8865 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Marty Over a year ago

That does work, but I don't understand why...random magical fix or is there a reason?

dudette Over a year ago

as far as I know, EmptyView represents the absence of a view, but the AsyncImage expect to show some sort of view. But then again, it's all magic to me. You could also replace the Color.clear with the more appropriate ProgressView()

Marty Over a year ago

But EmptyView conforms to View, so...not sure why it would cancel the load :shrug:

MrJre Over a year ago

Interesting issue! Even if you would only use AsyncImage(url: URL(string: "https://i.scdn.co/image/ab6761610000e5ebb78f77c5583ae99472dd4a49")) without callback, the image wouldn't load on iOS 15. On iOS 16, it seems to be resolved.

Collectives™ on Stack Overflow

AsyncImage not loading inside VStack

1 Answer 1

4 Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Related