Fix the issue when quick scroll, WebImage indicator will cause huge CPU usage because of recusive call. Ignore the onDisappear use cancel code

Author: dreampiggy

Example/SDWebImageSwiftUIDemo/ContentView.swift

@@ -32,7 +32,7 @@ struct ContentView: View {
     "https://www.sample-videos.com/img/Sample-png-image-1mb.png",
     "https://nr-platform.s3.amazonaws.com/uploads/platform/published_extension/branding_icon/275/AmazonS3.png",
     "http://via.placeholder.com/200x200.jpg"]
-    @State var animated: Bool = true // You can change between WebImage/AnimatedImage
+    @State var animated: Bool = false // You can change between WebImage/AnimatedImage
 
     var body: some View {
         #if os(iOS) || os(tvOS)

SDWebImageSwiftUI/Classes/ImageManager.swift

@@ -12,11 +12,12 @@ import SDWebImage
 class ImageManager : ObservableObject {
     @Published var image: PlatformImage?
     @Published var isLoading: Bool = false
-    @Published var isIncremental: Bool = false
     @Published var progress: CGFloat = 0
 
     var manager = SDWebImageManager.shared
     weak var currentOperation: SDWebImageOperation? = nil
+    var isFinished: Bool = false
+    var isIncremental: Bool = false
 
     var url: URL?
     var options: SDWebImageOptions
@@ -35,7 +36,6 @@ class ImageManager : ObservableObject {
         if currentOperation != nil {
             return
         }
-        self.image = nil
         self.isLoading = true
         currentOperation = manager.loadImage(with: url, options: options, context: context, progress: { [weak self] (receivedSize, expectedSize, _) in
             guard let self = self else {
@@ -55,6 +55,13 @@ class ImageManager : ObservableObject {
             guard let self = self else {
                 return
             }
+            if let error = error as? SDWebImageError, error.code == .cancelled {
+                // Ignore user cancelled
+                // There are race condition when quick scroll
+                // Indicator modifier disapper and trigger `WebImage.body`
+                // So previous View struct call `onDisappear` and cancel the currentOperation
+                return
+            }
             if let image = image {
                 self.image = image
             }
@@ -63,6 +70,7 @@ class ImageManager : ObservableObject {
                 self.isLoading = false
                 self.progress = 1
                 if let image = image {
+                    self.isFinished = true
                     self.successBlock?(image, cacheType)
                 } else {
                     self.failureBlock?(error ?? NSError())

SDWebImageSwiftUI/Classes/Indicator/Indicator.swift

@@ -32,7 +32,7 @@ struct IndicatorViewModifier<T> : ViewModifier where T : View {
     var indicator: Indicator<T>
 
     func body(content: Content) -> some View {
-        if !imageManager.isLoading {
+        if imageManager.isFinished {
             // Disable Indiactor
             return AnyView(content)
         } else {

SDWebImageSwiftUI/Classes/WebImage.swift

@@ -52,7 +52,7 @@ public struct WebImage : View {
             }
             let view = image
             .onAppear {
-                if self.imageManager.image == nil {
+                if !self.imageManager.isFinished {
                     self.imageManager.load()
                 }
             }