swipeActions: add showcase of swipe actions (#101)

Author: Davedeji

Sources/Showcase/ListPlayground.swift

@@ -20,6 +20,7 @@ enum ListPlaygroundType: String, CaseIterable {
     case sectionedEditActions
     case plainStyleSectionedEditActions
     case onMoveDelete
+    case swipeActions
     case positioned
     case badges
 
@@ -61,6 +62,8 @@ enum ListPlaygroundType: String, CaseIterable {
             return "Plain Style Sectioned EditActions"
         case .onMoveDelete:
             return ".onMove, .onDelete"
+        case .swipeActions:
+            return ".swipeActions"
         case .positioned:
             return "Positioned"
         case .badges:
@@ -137,6 +140,9 @@ struct ListPlayground: View {
             case .onMoveDelete:
                 OnMoveDeleteListPlayground()
                     .navigationTitle($0.title)
+            case .swipeActions:
+                SwipeActionsListPlayground()
+                    .navigationTitle($0.title)
             case .positioned:
                 PositionedListPlayground()
                     .navigationTitle($0.title)
@@ -803,3 +809,41 @@ struct BadgeListPlayground: View {
         }
     }
 }
+
+struct SwipeActionsListPlayground: View {
+    @State var rows: [Int] = Array(0..<12)
+    @State var lastAction = ""
+    
+    var body: some View {
+        VStack(spacing: 0) {
+            Text(lastAction.isEmpty ? "Swipe a row" : lastAction)
+                .font(.footnote)
+                .foregroundStyle(.secondary)
+                .padding(8)
+            List {
+                ForEach(rows, id: \.self) { i in
+                    Text("Row \(i) — Add to favorites")
+                        .swipeActions(edge: .trailing) {
+                            Button("Pin") {
+                                lastAction = "Pinned row \(i)"
+                            }
+                            .tint(.purple)
+                            
+                            Button("Delete", role: .destructive) {
+                                lastAction = "Deleted row \(i)"
+                            }
+                        }
+                        .swipeActions(edge: .leading) {
+                            Button("Flag") {
+                                lastAction = "Flagged row \(i)"
+                            }
+                            .tint(.orange)
+                        }
+                }
+                .onDelete { offsets in
+                    rows.remove(atOffsets: offsets)
+                }
+            }
+        }
+    }
+}

Sources/Showcase/Resources/Localizable.xcstrings

@@ -2857,6 +2857,9 @@
     },
     "Picker .tint(.red)" : {
 
+    },
+    "Pin" : {
+
     },
     "Pink" : {
 
@@ -3132,6 +3135,9 @@
     },
     "Row %lld" : {
 
+    },
+    "Row %lld — Add to favorites" : {
+
     },
     "Row %lld.1" : {