problemi con il @binding tra gli struct

Aug 17 2020

nel mio codice ho:

struct Specialty {
    let type:String
    let color:Color
    let image:Image
}

// MARK: Search
struct Search: View {
   
    @State var show = false
    @State var txt = ""
    @State  var index = 1
    let specialtyList = [
        Specialty(type: "Cardiologia", color: Color.blue, image: Image("google1") ),
        Specialty(type: "Clínica Médica", color: Color.pink, image: Image("google1")),
        Specialty(type: "Dermatologia", color: Color("Color"), image: Image("google1")),
        Specialty(type: "Ginecologia e Obstetrícia", color: Color.pink, image: Image("google1")),
        Specialty(type: "Medicina do Trabalho", color: Color.red, image: Image("google1")),
        Specialty(type: "Oftalmologia", color: Color("Color"), image: Image("google1")),
        Specialty(type: "Ortopedia", color: Color.pink, image: Image("google1")),
        Specialty(type: "Otorrinolaringologia", color: Color.blue, image: Image("google1")),
        Specialty(type: "Pediatria", color: Color.red, image: Image("google1")),
        Specialty(type: "Psiquiatria", color: Color("Color"), image: Image("google1")),
        Specialty(type: "Radiologia", color: Color("Color"), image: Image("google1"))
    ]
}

ignora le stesse immagini google1, sto solo cercando di far funzionare il codice prima.

Quindi, nella visualizzazione della ricerca, ho:

ForEach(specialtyList, id: \.type){ Specialty in
    NavigationLink (destination: SearchBar()){
        VStack(spacing: 18) {
            HStack{
                Text(Specialty.type).foregroundColor(.white)
                Specialty.image
                    .renderingMode(.original)
                    .resizable()
                    .frame(width: 35, height: 35)
            }
        }
    }
}

per mostrare le informazioni in 'let SpecialtyList' come scrollView

Poiché ogni mondo visualizzato funziona come un pulsante, sto provando che, quando vado a destinazione (che è SearchBar () in questo caso), voglio che vengano mostrate informazioni diverse a seconda del testo di NavigationLink che viene premuto.

Come potrei farlo utilizzando l'ordine nella lista 'SpecialtyList' e come potrei semplicemente stampare, nella destinazione, lo stesso nome del testo di NavigationLink che è stato premuto?

Risposte

Asperi Aug 17 2020 at 10:42

Presumo sia questo

Nota: cerca di evitare la stessa denominazione per tipo (come, specialità, maiuscolo) e istanza / valore (come, specialità, minuscolo), altrimenti potrebbe confondere e compilare e te.

ForEach(specialtyList, id: \.type){ specialty in   // << named correctly
    NavigationLink (destination: SearchBar(item: specialty)){  //  << inject here
        VStack(spacing: 18) {
            HStack{
                Text(specialty.type).foregroundColor(.white)
                specialty.image
                    .renderingMode(.original)
                    .resizable()
                    .frame(width: 35, height: 35)
            }
        }
    }
}

e ora in vista

struct SearchBar: View {
   let item: Specialty

   var body: some View {
      Text(item.type)

      // .. other code
   }
}