Adding rows to a list

The most common actions users might want to be able to perform on a list include adding, editing, and deleting items.

In this recipe, we’ll go over the process of implementing those actions on a SwiftUI list.

Getting ready

Create a new SwiftUI project and call it ListRowAdd.

How to do it…

Let’s create a list with a button at the top that can be used to add new rows to the list. The steps are as follows:

1. Create a state variable in the ContentView struct that holds an array of numbers:

   @State var numbers = [1,2,3,4]
   

2. Replace the content of the body property of the ContentView struct with a NavigationStack containing a List view:

   NavigationStack {
      List{
          ForEach(self.numbers, id:\.self){
             number in
             Text("\(number)")
          }
      }
   }
   

3. Add a .navigationTitle and a navigationBarTitleDisplayMode modifier to the list with a title and an...