แถวที่ปัดเพื่อลบ

A static list just shows data. Real apps let people remove items, and SwiftUI makes deletion feel native with a simple swipe. ✨

The onDelete modifier attaches to a ForEach inside a List. It enables the swipe-left gesture that reveals a red Delete button.

To delete a row you must own the data. Keep your array in @State so changing it instantly refreshes the list on screen.

Hold your items in a mutable @State array. When you remove an element, SwiftUI animates the row away for free.

onDelete hands you an IndexSet of the rows the user swiped. It is a set because a person could remove several at once.

Pass that IndexSet straight to the arrays remove(atOffsets:) method. One line removes exactly the swiped items safely.

Put your rows in a ForEach inside a List, then attach onDelete to call your delete function. That is the whole pattern.

You can skip the named function and write the deletion right inside onDelete as a closure when the logic is tiny.

Because items is @State, SwiftUI compares before and after and slides the deleted row out smoothly. You never write the animation yourself.

A common slip is putting onDelete on the List. It belongs on the ForEach, since that is what maps your array to rows.

For more than delete, reach for swipeActions, which lets you add tinted buttons like Archive or Flag on either edge.

You learned to keep items in @State, attach onDelete to a ForEach, and remove swiped rows with remove(atOffsets:). 🎉