Add error retry handler. (#8)

* Add error retry handler.

* Delete OnChange.

* Minor improvements.

Author: bullinnyc

Examples/ContentView.swift

@@ -49,42 +49,17 @@ struct ContentView: View {
                                 url: url,
                                 placeholder: { progress in
                                     // Create any view for placeholder (optional).
-                                    ZStack {
-                                        Color.yellow
-                                        
-                                        ProgressView() {
-                                            VStack {
-                                                Text("Downloading...")
-                                                
-                                                Text("\(progress) %")
-                                            }
-                                        }
-                                    }
+                                    placeholder(progress)
                                 },
                                 image: {
                                     // Customize image.
                                     Image(cpImage: $0)
                                         .resizable()
                                         .scaledToFill()
                                 },
-                                error: { error in
+                                error: { error, retry in
                                     // Create any view for error (optional).
-                                    ZStack {
-                                        Color.yellow
-                                        
-                                        VStack {
-                                            Group {
-                                                Text("Error:")
-                                                    .bold()
-                                                
-                                                Text(error)
-                                            }
-                                            .font(.footnote)
-                                            .multilineTextAlignment(.center)
-                                            .foregroundStyle(.red)
-                                        }
-                                        .padding()
-                                    }
+                                    self.error(error, action: retry)
                                 }
                             )
                             .frame(
@@ -120,6 +95,58 @@ struct ContentView: View {
     }
 }
 
+// MARK: - Ext. Configure views
+
+@available(iOS 15.0, macOS 12.0, *)
+extension ContentView {
+    func placeholder(_ progress: String) -> some View {
+        ZStack {
+            Color.yellow
+            
+            ProgressView() {
+                VStack {
+                    Text("Downloading...")
+                    
+                    Text("\(progress) %")
+                }
+            }
+        }
+    }
+    
+    func error(_ error: String, action: (() -> Void)? = nil) -> some View {
+        ZStack {
+            Color.yellow
+            
+            VStack {
+                Group {
+                    Text("Error:")
+                        .bold()
+                    
+                    Text(error)
+                }
+                .font(.footnote)
+                .multilineTextAlignment(.center)
+                .foregroundStyle(.red)
+                
+                retry(action: action)
+                    .padding(.top)
+            }
+            .padding()
+        }
+    }
+    
+    func retry(action: (() -> Void)?) -> some View {
+        Button(
+            action: { action?() },
+            label: {
+                Text("Retry")
+                    .foregroundStyle(.black)
+                    .opacity(0.8)
+            }
+        )
+    }
+}
+
 // MARK: - Preview Provider
 
 @available(iOS 15.0, macOS 12.0, *)

README.md

@@ -28,12 +28,18 @@ let exampleUrl = "https://example.com/image.jpg"
 
 CachedAsyncImage(
     url: exampleUrl,
-    placeholder: {
+    placeholder: { progress in
         // Create any view for placeholder (optional).
         ZStack {
             Color.yellow
 
-            ProgressView()
+            ProgressView() {
+                VStack {
+                    Text("Downloading...")
+                    
+                    Text("\(progress) %")
+                }
+            }
         }
     },
     image: {
@@ -73,7 +79,7 @@ CachedAsyncImage(
             .resizable()
             .scaledToFill()
     },
-    error: { error in
+    error: { error, retry in
         // Create any view for error (optional).
         ZStack {
             Color.yellow
@@ -88,6 +94,16 @@ CachedAsyncImage(
                 .font(.footnote)
                 .multilineTextAlignment(.center)
                 .foregroundStyle(.red)
+                
+                Button(
+                    action: retry,
+                    label: {
+                        Text("Retry")
+                            .foregroundStyle(.black)
+                            .opacity(0.8)
+                    }
+                )
+                .padding(.top)
             }
             .padding()
         }
@@ -120,6 +136,7 @@ struct MyView: View {
 
 ## Requirements
 - iOS 14.0 +
+- macOS 11.0 +
 - [SwiftUI](https://developer.apple.com/xcode/swiftui/)
 
 ## License