ashikk
/
jellyflood
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better fallback image implementation

This commit is contained in:
Ethan Pippin 2022-01-17 17:41:19 -07:00
parent 2220779fbd
commit 5ef57dc379
1 changed files with 15 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

75
Shared/Views/ImageView.swift
View File

@ -11,7 +11,10 @@ import SwiftUI
struct ImageView: View { struct ImageView: View {
private let sources: [URL] @State
private var sources: [URL]
private var currentURL: URL? { sources.first }
private let blurhash: String private let blurhash: String
private let failureInitials: String private let failureInitials: String
@ -65,68 +68,20 @@ struct ImageView: View {
} }
var body: some View { var body: some View {
ImageViewBackgroundA(index: 0, if let u = currentURL {
sources: sources, LazyImage(source: u) { state in
placeholderView: placeholderView, if let image = state.image {
failureView: failureImage) image
} } else if state.error != nil {
} failureImage().onAppear { sources.removeFirst() }
// Two image view are necessary to switch between one another to appease the type system
// as a recursive view with itself isn't valid
fileprivate struct ImageViewBackgroundA<PlaceholderView: View, FailureView: View>: View {
let index: Int
let sources: [URL]
let placeholderView: () -> PlaceholderView
let failureView: () -> FailureView
var body: some View {
LazyImage(source: sources[index]) { state in
if let image = state.image {
image
} else if state.error != nil {
if index + 1 == sources.count {
failureView()
} else { } else {
ImageViewBackgroundB(index: index + 1, placeholderView()
sources: sources,
placeholderView: placeholderView,
failureView: failureView)
} }
} else {
placeholderView()
} }
.pipeline(ImagePipeline(configuration: .withDataCache))
.id(u)
} else {
failureImage()
} }
.pipeline(ImagePipeline(configuration: .withDataCache))
}
}
fileprivate struct ImageViewBackgroundB<PlaceholderView: View, FailureView: View>: View {
let index: Int
let sources: [URL]
let placeholderView: () -> PlaceholderView
let failureView: () -> FailureView
var body: some View {
LazyImage(source: sources[index]) { state in
if let image = state.image {
image
} else if state.error != nil {
if index + 1 == sources.count {
failureView()
} else {
ImageViewBackgroundA(index: index + 1,
sources: sources,
placeholderView: placeholderView,
failureView: failureView)
}
} else {
placeholderView()
}
}
.pipeline(ImagePipeline(configuration: .withDataCache))
} }
} }