Getting two different results using ForEach in SwiftUI

Question

I have list of structs that I display in the view using a ForEach, I am trying to add to the list and when the user taps they see information for that item. Using two approaches I get two different results.

First Approach

The view updates the view when items are added perfectly, but changing the note in the Details changes values of all notes.

@Binding var person: Person

ForEach(self.person.notes) {
       note in
        DetailsCard(person: self.$person, note: notes)
}

Second Approach

The view does not update when notes are added, only when the view reappears does it show the new items. But I when the items are shown, the details view works as expected.

@Binding var person: Person

ForEach(self.person.notes.indices) { index in
     VStack {
        DetailsCard(person: self.$person, note: self.person.notes[index])
     }
}

DetailView

@Binding var person: Person
@State var note: Note

This should be a fairly simple task but working with SwiftUI I am confused by the two different results for similar approaches. Does anyone have any ideas on why this is occurring and how to correctly dynamically update the view and pass the values.

pawello2222 · Accepted Answer · 2020-07-07 14:32:52Z

1

Try using dynamic ForEach loops, ie. with an explicit id parameter:

ForEach(self.person.notes, id:\.self)

ForEach(self.person.notes.indices, id:\.self)

Note: id must conform to Hashable. If you decide to use self as an id, it will only work if your item conforms to Hashable. Otherwise you may want to use some property (or just add the conformance).

answered Jul 7, 2020 at 14:32

pawello2222

55.6k23 gold badges183 silver badges240 bronze badges

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

Collectives™ on Stack Overflow

Getting two different results using ForEach in SwiftUI

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