Delete Array Row With .contextMenu

Question

I want to delete a row from keydata if a user uses the .contextMenu { }, here "Hello World löschen".

@State private var keyData = [
    ListView("1", "Hello", "World"),
    ListView("2", "Bye", "Wold")
]

ForEach($keyData) { $i in
    NavigationLink()) {
        //
    }
    .contextMenu {
        Button { } // ?
        label: {
            Text(i.firstName) +
            Text(" ") +
            Text(i.lastName) +
            Text(" löschen")
        }
    }
}

George · Accepted Answer · 2021-12-06 03:57:14Z

1

You need the index to delete the item you want to remove (efficiently). Change your ForEach:

ForEach(Array(keyData.enumerated()), id: \.element) { (index, element) in
    NavigationLink("test", destination: Text("test"))
    .contextMenu {
        Button {
            keyData.remove(at: index)
        } label: {
            Text(element.firstName) +
            Text(" ") +
            Text(element.lastName) +
            Text(" löschen")
        }
    }
}

And you can replace any $i bindings with $keyData[index].

answered Dec 6, 2021 at 3:57

George

31k12 gold badges100 silver badges158 bronze badges

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

Collectives™ on Stack Overflow

Delete Array Row With .contextMenu

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related