AsyncImage

KO | EN

gitlite — search

#react #ai #typescript #llm #go #golang #linux #docker #macos #windows #cli #kubernetes #security #ios

(★ 277)

Asynchronous Image Loading from URL in SwiftUI

File Explorer

Download Latest Version (.zip)

- - AppDelegate.swift
  - SceneDelegate.swift
- - Info.plist
- AsyncImage.swift
- ContentView.swift
- EnvironmentValues+ImageCache.swift
- ImageCache.swift
- ImageLoader.swift
- - contents.xcworkspacedata
- project.pbxproj
.gitignore
demo.gif
LICENSE.md
README.md

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

## Article related to this project

- [Asynchronous Image Loading from URL in SwiftUI](https://www.vadimbulavin.com/asynchronous-swiftui-image-loading-from-url-with-combine-and-swift/).

---

# AsyncImage

The project demonstrates how to load images asynchronously in SwiftUI.

Usage:

```swift
// Image URLs to load
let posters = [
    "https://image.tmdb.org/t/p/original/pThyQovXQrw2m0s9x82twj48Jq4.jpg",
    "https://image.tmdb.org/t/p/original/vqzNJRH4YyquRiWxCCOH0aXggHI.jpg",
    "https://image.tmdb.org/t/p/original/6ApDtO7xaWAfPqfi2IARXIzj8QS.jpg",
    "https://image.tmdb.org/t/p/original/7GsM4mtM0worCtIVeiQt28HieeN.jpg"
].map { URL(string: $0)! }

struct ContentView: View {
    var body: some View {
         List(posters, id: \.self) { url in
             AsyncImage(
                url: url,
                placeholder: { Text("Loading ...") },
                image: { Image(uiImage: $0).resizable() }
             )
            .frame(idealHeight: UIScreen.main.bounds.width / 2 * 3) // 2:3 aspect ratio
         }
    }
}
```

Result:

AsyncImage

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

AsyncImage

File Explorer

Today's picks

Was this content helpful?

Recent Feedback

Download README