Creating editable collections

Editing lists has always been possible in SwiftUI but before WWDC 2021 and SwiftUI 3, doing so was very inefficient because SwiftUI did not support binding to collections. Let’s use bindings on a collection and discuss how and why it works better now.

Getting ready

Create a new SwiftUI project and name it EditableListsFields.

How to do it…

Let’s create a simple to-do list app with a few editable items. The steps are as follows:

1. Add a TodoItem struct below the import SwiftUI line:

   struct TodoItem: Identifiable {
       let id = UUID()
       var title: String
   }
   

2. In our ContentView struct, let’s add a collection of TodoItem instances:

       @State private var todos = [
           TodoItem(title: "Eat"),
           TodoItem(title: "Sleep"),
           TodoItem(title: "Code")
       ]
   

3. Replace the body content with a List that displays the collection...