How to load an image before it appears in SwiftUI?

[ir-fuel]

I'm using version 8.

I read that loadImmediately on FKImage is deprecated "because we use @StateObject", but TBH I don't understand this explanation.

I have the following code in SwiftUI

        GeometryReader { geometry in
                TabView {
                    ForEach(pictures, id:\.self) { url in
                        KFImage(url)
                            .resizable()
                            .aspectRatio(contentMode: .fill)
                            .frame(width: geometry.size.width, height: geometry.size.height)
                    }
                }
                .tabViewStyle(.page)
        }

When I start scrolling horizontally the next image is black for a short while, until it has been loaded and then it appears as it's supposed to.
I see no way of force-loading the KFImage's url so I don't have this black flash when scrolling to an image that's not in the cache already, at least not using FKImage

capture.mov

[TelOkan]

I think you can use placeholder modifier as skeleton animation or prefetch mechanism.

[TelOkan]

I added simple prefetch usage below and you can check link more detail.

 ImagePrefetcher(urls: urls) { skippedResources, failedResources, completedResources in
                    print("skippedResources: ", skippedResources)
                    print("failedResources: ", failedResources)
                    print("completedResources: ", completedResources)
                }.start()