adding in functionality to use images with url links
This commit is contained in:
@@ -0,0 +1,74 @@
|
||||
//
|
||||
// RemoteImage.swift
|
||||
// nirvana-ios
|
||||
//
|
||||
// Created by Arjun Patel on 12/14/21.
|
||||
//
|
||||
|
||||
import SwiftUI
|
||||
|
||||
struct RemoteImage: View {
|
||||
private enum LoadState {
|
||||
case loading, success, failure
|
||||
}
|
||||
|
||||
private class Loader: ObservableObject {
|
||||
var data = Data()
|
||||
var state = LoadState.loading
|
||||
|
||||
init(url: String) {
|
||||
guard let parsedURL = URL(string: url) else {
|
||||
fatalError("Invalid URL: \(url)")
|
||||
}
|
||||
|
||||
URLSession.shared.dataTask(with: parsedURL) { data, response, error in
|
||||
if let data = data, data.count > 0 {
|
||||
self.data = data
|
||||
self.state = .success
|
||||
} else {
|
||||
self.state = .failure
|
||||
}
|
||||
|
||||
DispatchQueue.main.async {
|
||||
self.objectWillChange.send()
|
||||
}
|
||||
}.resume()
|
||||
}
|
||||
}
|
||||
|
||||
@StateObject private var loader: Loader
|
||||
var loading: Image
|
||||
var failure: Image
|
||||
|
||||
var body: some View {
|
||||
selectImage()
|
||||
.resizable()
|
||||
}
|
||||
|
||||
init(url: String, loading: Image = Image(systemName: "photo"), failure: Image = Image(systemName: "multiply.circle")) {
|
||||
_loader = StateObject(wrappedValue: Loader(url: url))
|
||||
self.loading = loading
|
||||
self.failure = failure
|
||||
}
|
||||
|
||||
private func selectImage() -> Image {
|
||||
switch loader.state {
|
||||
case .loading:
|
||||
return loading
|
||||
case .failure:
|
||||
return failure
|
||||
default:
|
||||
if let image = UIImage(data: loader.data) {
|
||||
return Image(uiImage: image)
|
||||
} else {
|
||||
return failure
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
struct RemoteImage_Previews: PreviewProvider {
|
||||
static var previews: some View {
|
||||
RemoteImage(url: "https://avatars.githubusercontent.com/u/41487836")
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user