Quindi per quanto riguarda la spaziatura, sul componente di selezione delle immagini, aggiungerò semplicemente un po 'di margine inferiore qui di
15 per aggiungere una spaziatura tra questo componente di selezione delle immagini e tutto il resto nel modulo, ma la cosa più importante
ovviamente è che noi tipo di passare questa immagine selezionata al nostro posto, la nostra nuova schermata del posto proprio perché è
lì che abbiamo bisogno dell'immagine alla fine, non ne ho solo bisogno qui come
anteprima, ne ho bisogno anche in quell'altra schermata.
Bene, possiamo andare al nostro gestore di immagini take e quando impostiamo questo
come anteprima, ovviamente possiamo anche raggiungere i nostri oggetti di scena e supporre che possiamo dire qualcosa sull'immagine che
dovrebbe puntare a una funzione che definiamo nella nuova schermata del luogo che ora possiamo eseguire e a
quella funzione, inoltro anche la mia imageUri. Quindi non solo lo memorizzo qui internamente
per avere un'anteprima, ma lo inoltro al componente genitore per così dire e dovrebbe essere sull'immagine presa.
Quindi tutto ciò che dobbiamo fare per farlo funzionare è che dobbiamo andare nella schermata del nuovo posto e aggiungerlo all'immagine presa
qui nel selettore di immagini e ora
questo dovrebbe puntare a una funzione che viene eseguita dal selettore di immagini una
volta che abbiamo fatto scegli un'immagine.
Quindi ovviamente qui, voglio anche memorizzare quel valore, quindi aggiungerò un altro stato qui e questo
è il valore dell'immagine o solo l'immagine e
imposta l'immagine, forse l'immagine selezionata e imposta il nome dell'immagine selezionata dipende da te, che inizialmente è null o indefinito come questo e ora possiamo aggiungere una nuova funzione
per questo, il
gestore dell'immagine presa qui che riceve
il percorso dell'immagine alla fine, giusto, questo è ciò che inoltriamo dal selettore immagini quando chiamiamo questa funzione e qui
impostiamo l'immagine selezionata al percorso dell'immagine che stiamo ottenendo come
argomento e il gestore dell'immagine presa è ora ciò che passiamo nel selettore di immagini qui con l'aiuto
del puntello sull'immagine presa e questo è il modo in cui comunichiamo tra il
selettore di immagini e il schermata del nuovo posto. Quando ora facciamo clic sul pulsante Salva
e quindi viene eseguito il gestore del luogo di salvataggio, quando inviamo questa azione
di aggiunta del luogo, ora voglio
inoltrare l'immagine selezionata, quindi questo stato costante qui. Naturalmente per questo, dobbiamo modificare un po 'il creatore di
azioni per aggiungere posto, in questo momento si aspetta solo un titolo, ora dovrebbe anche aspettarsi
un'immagine e anche aggiungere questo qui
ai nostri dati sui luoghi e nel riduttore, ora voglio aggiungi l'immagine al luogo che viene
creato
ma importante, in questo
momento il nostro modello di luogo non si aspetta alcuna immagine, quindi è ora di cambiarla, aggiungi un'immagineUrl
lì forse, imageUri per essere precisi perché è locale e quindi hai questo URI immagine impostato uguale a imageUri stiamo arrivando qui e ora
con questo riduttore regolato, di nuovo nei luoghi, ora otteniamo questi dati immagine extra nella nostra azione e dobbiamo passarli al nuovo costruttore
di luoghi, quindi qui l'azione. placeData. l'immagine è ciò che voglio inoltrare, quindi questo
è il nuovo argomento aggiunto al costruttore del luogo e all'azione. placeData. immagine ovviamente si riferisce all'immagine
che stiamo impostando qui nel nostro oggetto azione. Quindi, con ciò, l'immagine viene effettivamente aggiunta al luogo che viene
creato e con
quello nella schermata dell'elenco dei luoghi in cui viene emesso l'elemento del luogo, ora possiamo inserire alcuni
dati nell'immagine e sarebbero itemData. articolo. imageUrl, URL dell'immagine perché itemData. l'elemento si riferisce a
un unico luogo creato come definito nel nostro modello di luogo e lì abbiamo imageUri e quindi
ovviamente qui dovrebbe essere imageUri, non URL ma questo è importante, non è solo immagine, è
imageUri perché qui ci riferiamo
a un oggetto luogo seguendo il nostro modello di luogo. Se ora lo salviamo e diamo un'occhiata, questo dovrebbe
effettivamente
funzionare e dovrebbe permetterci di aggiungere immagini che vediamo anche nella nostra lista dei luoghi.
Quindi qui se faccio clic su prendi immagine e prendo questa immagine fittizia qui, in questo modo, ritaglia questo e quindi aggiungi anche un titolo qui e
fai clic su Salva luogo, questo non sembra troppo
male, vediamo la nostra immagine qui.
Ora una cosa è importante da capire.
Finora, stiamo memorizzando questa immagine solo nel percorso predefinito che usiamo per impostazione predefinita, che è questo percorso temporaneo e che
ovviamente non è dove vogliamo che sia memorizzato perché, come ho già detto, questo verrà cancellato
periodicamente e quindi alla fine perderemo la nostra immagine che ovviamente non è l'obiettivo qui.