Add list of ingredients AND value to this data?

Question

Created Sep ’20

Replies 1

Boosts 0

Participants 2

I am following this video (it's Swift UI but i don't think that matters?): https://developer.apple.com/videos/play/wwdc2020/10119/

What i would like to have is a list of ingredients in SandwichDetail.swift

How do i do that? I tried this without luck:

Code Block List {   ForEach(ingredients) { ingredient
      Text(ingredient.name)
   }
}

2. Right now in my data there's only 1 ingredient and 1 amount per sandwich. What is the correct syntax for adding more ingredients to the testData in Sandwich.swift? Simply separating by comma after "]" gives me an error :/

My code:

Code Block ////  Sandwich.swift
//
import Foundation
struct Ingredient: Identifiable {
    var id = UUID()
    var name: String
    var amount: String
}
struct Sandwich: Identifiable {
    var id = UUID()
    var name: String
    var ingredientCount: Int
    var isSpicy: Bool = false
    var ingredients: [Ingredient]
    }
    
    let testData = [
        Sandwich(name: "Club", ingredientCount: 4, isSpicy: false, ingredients:
            [Ingredient(name:"Avocado", amount: "1")]),
        Sandwich(name: "Pastrami on rye", ingredientCount: 4, isSpicy: false, ingredients: [Ingredient(name:"Avocado", amount: "1")]),
        Sandwich(name: "French dip", ingredientCount: 4, isSpicy: false, ingredients: [Ingredient(name:"Avocado", amount: "1")]),
        Sandwich(name: "Banh mi", ingredientCount: 4, isSpicy: false, ingredients: [Ingredient(name:"Avocado", amount: "1")]),
]

Code Block ////  ContentView.swift
import SwiftUI
struct ContentView: View {
    var sandwiches: [Sandwich] = []
    
    var body: some View {
        NavigationView {
            List {
            ForEach(sandwiches) { sandwich in
            SandwichCell(sandwich: sandwich)
        }
                HStack {
                    Spacer()
                    Text("\(sandwiches.count) Sandwiches")
                        .foregroundColor(.secondary)
                    Spacer()
                }
            }
        .navigationBarTitle("Sandwiches")
        }
}
}
struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView(sandwiches: testData)
    }
}
struct SandwichCell: View {
    var sandwich: Sandwich
    var body: some View {
        NavigationLink(destination: Text(sandwich.name)) {
            VStack(alignment: .leading) { Text(sandwich.name)
                Text("\(sandwich.ingredientCount) ingredients")
                    .font(.subheadline)
                    .foregroundColor(.secondary)
            }
        }
    }
}

Code Block ////  SandwichDetail.swift
import SwiftUI
struct SandwichDetail: View {
    var sandwich: Sandwich
    
    var body: some View {
        Text(sandwich.name)
        
    }
    
}
struct SandwichDetail_Previews: PreviewProvider {
    static var previews: some View {
        SandwichDetail(sandwich: testData[0])
        
        
    }
}

Boost

Answer 1

Claude31 OP

Sep ’20

Where do you want the list of ingredients ? In DetailView ?
If so, change SandwichCell:

Code Block struct SandwichCell: View {
    var sandwich: Sandwich
    var body: some View {
        NavigationLink(destination: SandwichDetail(sandwich: sandwich)) { // Text(sandwich.name)) {
            VStack(alignment: .leading) { Text(sandwich.name)
                Text("\(sandwich.ingredientCount) ingredients")
                    .font(.subheadline)
                    .foregroundColor(.secondary)
            }
        }
    }
}

But sandwiches is an empty array !

Replace

Code Block     var sandwiches: [Sandwich] = []

by

Code Block     var sandwiches: [Sandwich] = testData

To add more ingredients to testData (here I added "Spice", amount: "2" to the first Sandwich:

Code Block let testData = [
        Sandwich(name: "Club", ingredientCount: 4, isSpicy: false, ingredients:
            [Ingredient(name:"Avocado", amount: "1"), Ingredient(name:"Spice", amount: "2")]),
        Sandwich(name: "Pastrami on rye", ingredientCount: 4, isSpicy: false, ingredients: [Ingredient(name:"Avocado", amount: "1")]),
        Sandwich(name: "French dip", ingredientCount: 4, isSpicy: false, ingredients: [Ingredient(name:"Avocado", amount: "1")]),
        Sandwich(name: "Banh mi", ingredientCount: 4, isSpicy: false, ingredients: [Ingredient(name:"Avocado", amount: "1")]),
]

And complement SandwichDetail to show the list of ingredients:

Code Block struct SandwichDetail: View {
    var sandwich: Sandwich
    
    var body: some View {
        VStack {
            Text("Sandwich " + sandwich.name)
            Text("\nWith")
            ForEach(sandwich.ingredients) { ingredient in
                Text(ingredient.name + (ingredient.amount != "1" ? " Qty:"+ingredient.amount : ""))
               }
            }
        }
    }

0