How to Delete List Rows from SwiftUI

Uplift iOS Interview

The Guide is for YOU if
  • You are preparing for an iOS interview and want to improve your skills and knowledge and looking to level up your interview game and land your dream job.
  • You want to gain confidence and ease during iOS interviews by learning expert tips and curated strategies.
  • You want access to a comprehensive list of iOS interview QA to practice and prepare.

SwiftUI makes it easy to delete rows from a list using the onDelete() modifier. In this blog post, we’ll learn how to use the onDelete() modifier to allow the user to delete items from a list.

To get started, let’s create a simple list of strings that we’ll use as our data source:

@State var data = ["Item 1", "Item 2", "Item 3", "Item 4"]

Next, we’ll create a List and bind it to our data source using the ForEach view:

List {
    ForEach(data, id: \.self) { item in
        Text(item)
    }
}

This will create a simple list of items that can’t be deleted by the user. To enable deleting, we’ll need to add the onDelete() modifier to our ForEach view:

List {
    ForEach(data, id: \.self, content: { item in
        Text(item)
    }).onDelete { (indexSet: IndexSet) in
        data.remove(atOffsets: indexSet)
    }
}

The onDelete() modifier takes a closure that is called whenever the user tries to delete an item. The closure receives an IndexSet that contains the indices of the items being deleted.

To actually delete the items, we’ll need to update our data source and apply the changes to the list. One way to do this is to use the remove(atOffsets:) method of the MutableCollection protocol:

// Full code
struct ContentView: View {
    @State var data = ["Item 1", "Item 2", "Item 3", "Item 4"]
    var body: some View {
        VStack {
            List {
                ForEach(data, id: \.self, content: { item in
                    Text(item)
                }).onDelete { (indexSet: IndexSet) in
                    data.remove(atOffsets: indexSet)
                }
            }
        }
        .padding()
    }
}


✍️ Written by Ishtiak Ahmed

👉 Follow me on XLinkedIn



Get Ready to Shine: Mastering the iOS Interview




Enjoying the articles? Get the inside scoop by subscribing to my newsletter.

Get access to exclusive iOS development tips, tricks, and insights when you subscribe to my newsletter. You'll also receive links to new articles, app development ideas, and an interview preparation mini book.

If you know someone who would benefit from reading this article, please share it with them.