SwiftUI: Using a ForEach to dynamically load Images

Question

I have a handful of images with names such as area, volume, etc.

I want to use data to drive the images displayed. This is an example of what places can be:

   let places = {
      names: ["area", "volume"]
   }

I tried something like this below but getting Referencing initializer 'init(_:content:)' on 'ForEach' requires that 'String' conform to 'Identifiable'

    ForEach(places.name) { place in
        NavigationLink (destination: Any()) {
            HStack {
                Image(place)

            }

jnpdx · Accepted Answer · 2021-06-02 19:43:04Z

2

For types like String that don't directly conform to Identifiable, you can tell the ForEach what property to use as an id. Often with String, you'll want to use .self (note this can yield funny results if the Strings are not unique).

struct Places {
    var names : [String]
}

struct ContentView : View {
    let places : Places = Places(names: ["area", "volume"])
    
    var body: some View {
        ForEach(places.names, id:\.self) { place in
                NavigationLink (destination: Text("Detail")) {
                    HStack {
                        Image(place)
                    }
                }
        }
    }
}

answered Jun 2, 2021 at 19:43

jnpdx

53.3k7 gold badges91 silver badges123 bronze badges

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

Collectives™ on Stack Overflow

SwiftUI: Using a ForEach to dynamically load Images

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