1
00:00:02,200 --> 00:00:08,410
Quindi per quanto riguarda la spaziatura, sul componente di selezione delle immagini, aggiungerò semplicemente un po 'di margine inferiore qui di

2
00:00:08,410 --> 00:00:15,160
15 per aggiungere una spaziatura tra questo componente di selezione delle immagini e tutto il resto nel modulo, ma la cosa più importante

3
00:00:15,160 --> 00:00:21,520
ovviamente è che noi tipo di passare questa immagine selezionata al nostro posto, la nostra nuova schermata del posto proprio perché è

4
00:00:21,520 --> 00:00:25,870
lì che abbiamo bisogno dell'immagine alla fine, non ne ho solo bisogno qui come

5
00:00:25,870 --> 00:00:28,370
anteprima, ne ho bisogno anche in quell'altra schermata.

6
00:00:28,600 --> 00:00:33,910
Bene, possiamo andare al nostro gestore di immagini take e quando impostiamo questo

7
00:00:34,000 --> 00:00:41,590
come anteprima, ovviamente possiamo anche raggiungere i nostri oggetti di scena e supporre che possiamo dire qualcosa sull'immagine che

8
00:00:41,620 --> 00:00:48,760
dovrebbe puntare a una funzione che definiamo nella nuova schermata del luogo che ora possiamo eseguire e a

9
00:00:48,780 --> 00:00:54,700
quella funzione, inoltro anche la mia imageUri. Quindi non solo lo memorizzo qui internamente

10
00:00:54,700 --> 00:01:01,730
per avere un'anteprima, ma lo inoltro al componente genitore per così dire e dovrebbe essere sull'immagine presa.

11
00:01:01,920 --> 00:01:08,250
Quindi tutto ciò che dobbiamo fare per farlo funzionare è che dobbiamo andare nella schermata del nuovo posto e aggiungerlo all'immagine presa

12
00:01:08,250 --> 00:01:10,350
qui nel selettore di immagini e ora

13
00:01:10,410 --> 00:01:14,510
questo dovrebbe puntare a una funzione che viene eseguita dal selettore di immagini una

14
00:01:14,550 --> 00:01:16,410
volta che abbiamo fatto scegli un'immagine.

15
00:01:16,680 --> 00:01:22,950
Quindi ovviamente qui, voglio anche memorizzare quel valore, quindi aggiungerò un altro stato qui e questo

16
00:01:23,820 --> 00:01:27,300
è il valore dell'immagine o solo l'immagine e

17
00:01:27,390 --> 00:01:38,540
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

18
00:01:38,540 --> 00:01:40,280
per questo, il

19
00:01:40,280 --> 00:01:42,470
gestore dell'immagine presa qui che riceve

20
00:01:42,470 --> 00:01:50,240
il percorso dell'immagine alla fine, giusto, questo è ciò che inoltriamo dal selettore immagini quando chiamiamo questa funzione e qui

21
00:01:50,240 --> 00:01:53,990
impostiamo l'immagine selezionata al percorso dell'immagine che stiamo ottenendo come

22
00:01:54,230 --> 00:02:01,370
argomento e il gestore dell'immagine presa è ora ciò che passiamo nel selettore di immagini qui con l'aiuto

23
00:02:01,370 --> 00:02:06,800
del puntello sull'immagine presa e questo è il modo in cui comunichiamo tra il

24
00:02:06,920 --> 00:02:14,140
selettore di immagini e il schermata del nuovo posto. Quando ora facciamo clic sul pulsante Salva

25
00:02:14,140 --> 00:02:20,850
e quindi viene eseguito il gestore del luogo di salvataggio, quando inviamo questa azione

26
00:02:20,860 --> 00:02:24,010
di aggiunta del luogo, ora voglio

27
00:02:24,100 --> 00:02:32,380
inoltrare l'immagine selezionata, quindi questo stato costante qui. Naturalmente per questo, dobbiamo modificare un po 'il creatore di

28
00:02:32,380 --> 00:02:38,740
azioni per aggiungere posto, in questo momento si aspetta solo un titolo, ora dovrebbe anche aspettarsi

29
00:02:38,740 --> 00:02:40,950
un'immagine e anche aggiungere questo qui

30
00:02:40,990 --> 00:02:47,430
ai nostri dati sui luoghi e nel riduttore, ora voglio aggiungi l'immagine al luogo che viene

31
00:02:47,440 --> 00:02:48,370
creato

32
00:02:48,520 --> 00:02:50,150
ma importante, in questo

33
00:02:50,170 --> 00:02:57,220
momento il nostro modello di luogo non si aspetta alcuna immagine, quindi è ora di cambiarla, aggiungi un'immagineUrl

34
00:02:57,250 --> 00:03:06,490
lì forse, imageUri per essere precisi perché è locale e quindi hai questo URI immagine impostato uguale a imageUri stiamo arrivando qui e ora

35
00:03:06,490 --> 00:03:15,640
con questo riduttore regolato, di nuovo nei luoghi, ora otteniamo questi dati immagine extra nella nostra azione e dobbiamo passarli al nuovo costruttore

36
00:03:15,640 --> 00:03:21,670
di luoghi, quindi qui l'azione. placeData. l'immagine è ciò che voglio inoltrare, quindi questo

37
00:03:21,670 --> 00:03:28,750
è il nuovo argomento aggiunto al costruttore del luogo e all'azione. placeData. immagine ovviamente si riferisce all'immagine

38
00:03:28,750 --> 00:03:35,840
che stiamo impostando qui nel nostro oggetto azione. Quindi, con ciò, l'immagine viene effettivamente aggiunta al luogo che viene

39
00:03:35,840 --> 00:03:37,160
creato e con

40
00:03:37,280 --> 00:03:42,920
quello nella schermata dell'elenco dei luoghi in cui viene emesso l'elemento del luogo, ora possiamo inserire alcuni

41
00:03:42,920 --> 00:03:50,360
dati nell'immagine e sarebbero itemData. articolo. imageUrl, URL dell'immagine perché itemData. l'elemento si riferisce a

42
00:03:50,420 --> 00:03:56,750
un unico luogo creato come definito nel nostro modello di luogo e lì abbiamo imageUri e quindi

43
00:03:56,780 --> 00:04:03,090
ovviamente qui dovrebbe essere imageUri, non URL ma questo è importante, non è solo immagine, è

44
00:04:03,220 --> 00:04:05,200
imageUri perché qui ci riferiamo

45
00:04:05,230 --> 00:04:12,740
a un oggetto luogo seguendo il nostro modello di luogo. Se ora lo salviamo e diamo un'occhiata, questo dovrebbe

46
00:04:12,740 --> 00:04:13,410
effettivamente

47
00:04:13,580 --> 00:04:19,250
funzionare e dovrebbe permetterci di aggiungere immagini che vediamo anche nella nostra lista dei luoghi.

48
00:04:19,340 --> 00:04:30,680
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

49
00:04:30,980 --> 00:04:34,700
fai clic su Salva luogo, questo non sembra troppo

50
00:04:34,880 --> 00:04:37,710
male, vediamo la nostra immagine qui.

51
00:04:38,120 --> 00:04:40,770
Ora una cosa è importante da capire.

52
00:04:40,880 --> 00:04:47,240
Finora, stiamo memorizzando questa immagine solo nel percorso predefinito che usiamo per impostazione predefinita, che è questo percorso temporaneo e che

53
00:04:47,240 --> 00:04:52,160
ovviamente non è dove vogliamo che sia memorizzato perché, come ho già detto, questo verrà cancellato

54
00:04:52,160 --> 00:04:57,050
periodicamente e quindi alla fine perderemo la nostra immagine che ovviamente non è l'obiettivo qui.