CachedAsyncImage
is AsyncImage
, but with cache capabilities.
CachedAsyncImage
has the exact same API and behavior as AsyncImage
, so you just have to change this:
AsyncImage(url: logoURL)
to this:
CachedAsyncImage(url: logoURL)
In addition to AsyncImage
initializers, you have the possibilities to specify the cache you want to use (by default URLCache.shared
is used), and to use URLRequest
instead of URL
:
CachedAsyncImage(urlRequest: logoURLRequest, urlCache: .imageCache)
// URLCache+imageCache.swift
extension URLCache {
static let imageCache = URLCache(memoryCapacity: 512_000_000, diskCapacity: 10_000_000_000)
}
Remember when setting the cache the response (in this case our image) must be no larger than about 5% of the disk cache (See this discussion).
- In Xcode, open your project and navigate to File → Swift Packages → Add Package Dependency...
- Paste the repository URL (
https://github.com/lorenzofiamingo/swiftui-cached-async-image
) and click Next. - Click Finish.