Create toast.swift

Author: AlexTrott

toast.swift

@@ -0,0 +1,175 @@
+//
+//  ContentView.swift
+//  Example
+//
+//  Created by Alex Trott on 20/12/2022.
+//
+
+import SwiftUI
+
+struct ContentView: View {
+    @State private var toast: FancyToast? = nil
+    
+    var body: some View {
+        VStack {
+            Button {
+                toast = FancyToast(type: .info, title: "Toast info", message: "Toast message")
+            } label: {
+                Text("Run")
+            }
+
+        }
+        .toastView(toast: $toast)
+    }
+}
+/////////////////
+
+struct FancyToastView: View {
+    var type: FancyToastStyle
+    var title: String
+    var message: String
+    var onCancelTapped: (() -> Void)
+    var body: some View {
+        VStack(alignment: .leading) {
+            HStack(alignment: .top) {
+                Image(systemName: type.iconFileName)
+                    .foregroundColor(type.themeColor)
+                
+                VStack(alignment: .leading) {
+                    Text(title)
+                        .font(.system(size: 14, weight: .semibold))
+                    
+                    Text(message)
+                        .font(.system(size: 12))
+                        .foregroundColor(Color.black.opacity(0.6))
+                }
+                
+                Spacer(minLength: 10)
+                
+                Button {
+                    onCancelTapped()
+                } label: {
+                    Image(systemName: "xmark")
+                        .foregroundColor(Color.black)
+                }
+            }
+            .padding()
+        }
+        .background(Color.white)
+        .overlay(
+            Rectangle()
+                .fill(type.themeColor)
+                .frame(width: 6)
+                .clipped()
+            , alignment: .leading
+        )
+        .frame(minWidth: 0, maxWidth: .infinity)
+        .cornerRadius(8)
+        .shadow(color: Color.black.opacity(0.25), radius: 4, x: 0, y: 1)
+        .padding(.horizontal, 16)
+    }
+}
+
+/////////////////
+
+struct FancyToast: Equatable {
+    var type: FancyToastStyle
+    var title: String
+    var message: String
+    var duration: Double = 3
+}
+
+enum FancyToastStyle {
+    case error
+    case warning
+    case success
+    case info
+}
+
+extension FancyToastStyle {
+    var themeColor: Color {
+        switch self {
+        case .error: return Color.red
+        case .warning: return Color.orange
+        case .info: return Color.blue
+        case .success: return Color.green
+        }
+    }
+    
+    var iconFileName: String {
+        switch self {
+        case .info: return "info.circle.fill"
+        case .warning: return "exclamationmark.triangle.fill"
+        case .success: return "checkmark.circle.fill"
+        case .error: return "xmark.circle.fill"
+        }
+    }
+}
+
+/////////////////
+
+struct FancyToastModifier: ViewModifier {
+    @Binding var toast: FancyToast?
+    @State private var workItem: DispatchWorkItem?
+    
+    func body(content: Content) -> some View {
+        content
+            .frame(maxWidth: .infinity, maxHeight: .infinity)
+            .overlay(
+                ZStack {
+                    mainToastView()
+                        .offset(y: -30)
+                }.animation(.spring(), value: toast)
+            )
+            .onChange(of: toast) { value in
+                showToast()
+            }
+    }
+    
+    @ViewBuilder func mainToastView() -> some View {
+        if let toast = toast {
+            VStack {
+                Spacer()
+                FancyToastView(
+                    type: toast.type,
+                    title: toast.title,
+                    message: toast.message) {
+                        dismissToast()
+                    }
+            }
+            .transition(.move(edge: .bottom))
+        }
+    }
+    
+    private func showToast() {
+        guard let toast = toast else { return }
+        
+        UIImpactFeedbackGenerator(style: .light).impactOccurred()
+        
+        if toast.duration > 0 {
+            workItem?.cancel()
+            
+            let task = DispatchWorkItem {
+               dismissToast()
+            }
+            
+            workItem = task
+            DispatchQueue.main.asyncAfter(deadline: .now() + toast.duration, execute: task)
+        }
+    }
+    
+    private func dismissToast() {
+        withAnimation {
+            toast = nil
+        }
+        
+        workItem?.cancel()
+        workItem = nil
+    }
+}
+
+extension View {
+    func toastView(toast: Binding<FancyToast?>) -> some View {
+        self.modifier(FancyToastModifier(toast: toast))
+    }
+}