SwiftUI EditButton in NavigationView not activating edit mode

Question

In full view, it is impossible to edit that particular list. The edit button functionality is not appeared in my latest Xcode version (14.0)

import SwiftUI

struct ListTutorialBootcamp: View {
    
    func delete(indexSet: IndexSet) {
        fruits.remove(atOffsets: indexSet)
    }
    
    @State private var fruits: [String] = ["Apple", "banana", "grape", "Orange", "Peach"]
    var body: some View {
        NavigationView {
            List {
               
                    ForEach(fruits, id: \.self)  {
                        fruit in Text(fruit.capitalized)
                    }
                    .onDelete(perform: delete)
                   
                
            }
        }
        .navigationTitle("Grocery List")
        .navigationBarItems(leading: EditButton())
       
    }
}

struct ListTutorialBootcamp_Previews: PreviewProvider {
    static var previews: some View {
        ListTutorialBootcamp()
    }
}

Nirav D · Accepted Answer · 2022-09-26 08:27:15Z

2

You need to add navigationTitle and navigationBarItems modifiers on your List instead of NavigationView.

var body: some View {
    NavigationView {
        List {
            ForEach(fruits, id: \.self) { fruit in
                Text(fruit.capitalized)
            }
            .onDelete(perform: delete)                
        }
        .navigationTitle("Grocery List")
        .navigationBarItems(leading: EditButton())
    }
}

Note:- If you are targeting iOS16 as the minimum version then use the new NavigationStack instead of the deprecated NavigationView.

edited Sep 26, 2022 at 8:27

answered Sep 26, 2022 at 8:22

Nirav D

72.6k12 gold badges168 silver badges187 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Alexnnd Over a year ago

Great answer! NavigationView modifiers can't be on NavigationView itself but on any child you want. Also, if you're looking to target both iOS 15 and 16 with NavigationStack here's a possibility: stackoverflow.com/a/73701150/18547664

Nijat Namazzade Over a year ago

Thanks ! It solved my problem, I kept the navigation view as it should be, but the problem was about putting the title and bar items in the correct place.

user924 Over a year ago

iOS 17 minimum - it doesn't work for some reason: stackoverflow.com/questions/78889869/…

Collectives™ on Stack Overflow

SwiftUI EditButton in NavigationView not activating edit mode

1 Answer 1

3 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related