LazyImage isn't lazy when in ScrollView

[EricWVGG]

I'm using LazyImage in mixed platforms including MacOS. I've been grappling with using List vs LazyVStack vs ScrollView, and found that ScrollView is the only one that is really performant in MacOS.

However, LazyImage doesn't seem to be "lazy" at all.

struct Feed: View {
    private var feed: [FeedPost] = []
    
    init(_ feed: [FeedPost]?) {
        self.feed = feed ?? []
    }
    
    func derp(_: Result<ImageResponse, any Error>) {
        print("Derp")
    }

    var body: some View {
        ScrollView {
          ForEach(feed, id: \.id) { feeditem in
            VStack {
                    LazyImage(request: ImageRequest(url: image.thumb)) { state in
                        if let image = state.image {
                            image.resizable()
                        }.onCompletion(derp)
            }
          }
        }
    }
}

This results the console in immediately printing "Derp /n Derp /n Derp/n…" for however many items are in the feed.

HOWEVER if I replace VStack with LazyVStack — or replace ScrollView with List — images do appear lazily, and I only get "Derp"s for as many items as are visible in the initial view.

I'm kind of resigned to ScrollView being the wrong solution here, but does anyone know why LazyImage isn't being lazy here?

(note: I have tried giving VStack and LazyVStack frame()s that create space for the image, so I know this isn't a case of a hundred LazyImages initially having a height of 1px and thus visible on the screen)

[EricWVGG]

… this was based on my hacking last night. Of course I started the morning and everything mostly worked. I think this is resolved.