SwiftUI ForEach identify by \.self with duplicate values [duplicate]

Question

[Solved by making in an in between type]

struct ColorType: Identifiable {
        
    var id = UUID()
    var color: Color
}

End of edit

I have an array with custom SwiftUI Colors which reside in the assets folder. Within a View a Foreach itterates through these values like this:

let colors: [Color] = [Color("InstrumentColor100"),Color("InstrumentColor100"),Color("InstrumentColor101")]

ForEach( colors, id: \.self) { color in
    Rectangle().fill(color)
}

This will serve me the runtime error: ForEach<Array, Color, _ShapeView<Rectangle, Color>>: the ID NamedColor(name: "InstrumentColor100", bundle: nil) occurs multiple times within the collection, this will give undefined results!

I do understant this is due to id: .self not finding unique values to create unique ID's. I found this answer stating to use id: \.keyPath but I do not have a keyPath rendering 3 aditional errors.

What would be a low overhead way to make these values (apear) unique?

BTW, the code works, but the console overflows wthe the sayd error.

Do you actually need to display the duplicate colors? If not, you could simply remove the duplicates by using a Set. — David Pasztor
– David Pasztor, Commented Oct 24, 2022 at 12:05
It's drawing in layers on the ZStack, in some combinations double names are possible. @Raja Kishan Not completely. The ideau to create a sctruct with id and string does not wotk with Color() which needs an initialiser value, which String doesn't — Symphonic eMotions
– Symphonic eMotions, Commented Oct 24, 2022 at 12:56

workingdog support Ukraine · Accepted Answer · 2022-10-24 13:31:18Z

4

you could try this simple approach:

ForEach(colors.indices, id: \.self) { index in  
       Rectangle().fill(colors[index]) 
}

answered Oct 24, 2022 at 13:31

workingdog support Ukraine

38.9k5 gold badges47 silver badges52 bronze badges

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

3 Comments

Symphonic eMotions Over a year ago

I ended up not using .enumerated but creating an in between type with ID. like this: import Foundation import SwiftUI struct ColorType: Identifiable { var id = UUID() var color: Color }

workingdog support Ukraine Over a year ago

does my answer not work for you? No need for any mumbo jumbo.

Symphonic eMotions Over a year ago

Sorry, I added a comment to the wrong answer. I got it working before I read your answer

DarkDust · Accepted Answer · 2022-10-24 12:07:51Z

1

One solution you can try is to derive an array with indices like this:

let foo = ["a", "b", "c"]
let bar = Array(foo.enumerated())
print(bar)
// [(offset: 0, element: "a"), (offset: 1, element: "b"), (offset: 2, element: "c")]

You now have an array with named tuples. Then you should be able to do:

ForEach(bar, \.offset) {
    tuple in
    Rectangle().fill(tuple.element)
}

answered Oct 24, 2022 at 12:07

DarkDust

92.7k19 gold badges199 silver badges231 bronze badges

2 Comments

Symphonic eMotions Over a year ago

This loook like a good solution. It seems it's still missing an argument label. When I run

let colorsArray = Array(colors.enumerated())                                                                  ForEach( colorsArray, \.offset) { tupple in                                     Rectangle().fill(tupple.element)                                 }

I get te error "Missing argument label 'id:' in call" on line with ForEach on it

Symphonic eMotions Over a year ago

Good to read this against use of .enumerated

Collectives™ on Stack Overflow

SwiftUI ForEach identify by \.self with duplicate values [duplicate]

2 Answers 2

3 Comments

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Linked

Related