1
00:00:02,710 --> 00:00:05,590
Ora sai come possiamo andare alla pagina dei dettagli ovviamente, è qualcosa che abbiamo

2
00:00:05,620 --> 00:00:11,530
fatto prima quando siamo passati dalla pagina delle categorie alla pagina dei pasti della categoria. Quindi possiamo usare lo stesso approccio qui e

3
00:00:11,530 --> 00:00:12,880
ovviamente sentiti libero

4
00:00:12,910 --> 00:00:16,900
di mettere in pausa il video a questo punto e farlo

5
00:00:16,900 --> 00:00:24,540
da solo, è assolutamente qualcosa che puoi fare qui come pratica. Ovviamente facciamo anche insieme.

6
00:00:24,630 --> 00:00:32,550
Quindi nella schermata dei pasti della categoria, quando selezioniamo un pasto, su Seleziona pasto, questa funzione dovrebbe attivarsi

7
00:00:32,550 --> 00:00:39,950
perché stiamo passando in questa funzione attraverso Selezione pasto all'elemento pasto e lì, lo leghiamo alla stampa,

8
00:00:39,950 --> 00:00:42,550
sull'opacità tangibile qui, in modo

9
00:00:42,570 --> 00:00:48,870
che dovrebbe sparare su un pasto selezionato e quindi nella schermata dei pasti di

10
00:00:48,870 --> 00:00:54,870
categoria, in questa funzione qui, possiamo navigare. Ora da quando ho definito questa funzione di rendering del

11
00:00:54,900 --> 00:01:00,780
pasto in cui eseguo il rendering del mio pasto all'interno del mio componente, ho accesso ai puntelli e lì, poiché la schermata

12
00:01:00,780 --> 00:01:07,050
del pasto di categoria è il nostro componente che cariciamo con l'aiuto della navigazione, posso accedere alla proprietà di navigazione e il metodo di

13
00:01:07,050 --> 00:01:12,820
navigazione e hai appreso che lì, ora possiamo passare il nome del percorso dove vogliamo andare e che sarebbe il dettaglio del

14
00:01:12,900 --> 00:01:18,810
pasto, quindi il nome del percorso che abbiamo impostato nel navigatore dei pasti, questo nome qui, caricherà il pagina dei dettagli del pasto.

15
00:01:19,590 --> 00:01:26,400
Ora dovremo inoltrare alcuni dati lì e i dati che voglio inoltrare qui ovviamente sono l'ID del pasto selezionato,

16
00:01:26,400 --> 00:01:32,850
in modo che possiamo quindi caricare i dettagli di quel pasto sulla pagina dei dettagli di quel

17
00:01:32,850 --> 00:01:34,500
pasto per renderli lì.

18
00:01:34,770 --> 00:01:44,520
Quindi nella schermata dei pasti della categoria qui, possiamo impostare i parametri qui sul nostro oggetto di navigazione, sull'oggetto che passiamo per navigare e params prende

19
00:01:44,520 --> 00:01:49,980
un oggetto di coppie chiave-valore come hai imparato, è qualcosa che abbiamo fatto prima

20
00:01:49,980 --> 00:01:56,730
e qui, voglio per inoltrare il mio pasto. ID che ovviamente posso ottenere dai dati

21
00:01:56,790 --> 00:02:03,330
di un oggetto perché itemData. l'articolo è un pasto e ogni pasto, come puoi vedere nel modello, ha un documento d'identità, lo conserviamo qui.

22
00:02:04,320 --> 00:02:10,890
Quindi qui ovviamente possiamo dire itemData. articolo. id, è quello che voglio inoltrare e, con

23
00:02:10,890 --> 00:02:16,650
ciò, dovremmo andare alla pagina dei dettagli del pasto e lì, saremo anche in grado di estrarre l'ID del pasto che

24
00:02:16,650 --> 00:02:17,410
abbiamo caricato.

25
00:02:17,640 --> 00:02:26,760
Quindi su MealDetailScreen, vediamo se funziona, il pasto. id è puntelli. navigazione. getParam e

26
00:02:26,760 --> 00:02:34,470
ora il nome era pasto. id, questo è il nome del parametro che ho scelto

27
00:02:34,470 --> 00:02:39,090
qui per la memorizzazione del parametro, se hai scelto un nome diverso qui,

28
00:02:39,090 --> 00:02:46,980
devi scegliere un nome diverso qui o utilizzare lì lo stesso nome ovviamente e ora possiamo selezionare il pasto, per questo importiamo

29
00:02:46,980 --> 00:02:59,800
tutti i pasti dal file di dati fittizi nella cartella dati, come questo e ora il pasto selezionato qui ovviamente sono i pasti trovati e quindi eseguiamo questa funzione su ogni pasto lì ed è il

30
00:02:59,800 --> 00:03:05,770
pasto in cui il pasto. l'id corrisponde al pasto. id che abbiamo estratto

31
00:03:05,860 --> 00:03:14,200
lassù, questo è il nostro pasto selezionato. Per dimostrare che funziona, possiamo produrlo lì, selezionato pasto. titolo e ovviamente voglio

32
00:03:14,290 --> 00:03:21,250
anche impostare il titolo nell'intestazione e questo è anche qualcosa che hai imparato.

33
00:03:21,970 --> 00:03:28,460
Puoi farlo aggiungendo qui le opzioni di navigazione a questa schermata, le opzioni di navigazione e

34
00:03:28,490 --> 00:03:35,090
hai imparato che se vuoi recuperare qualcosa di dinamico, lo fai con l'aiuto di questa speciale funzione qui.

35
00:03:35,690 --> 00:03:42,650
I dati di navigazione sono ciò che ottieni lì, questa funzione è chiamata per te dalla navigazione React come hai appreso

36
00:03:43,340 --> 00:03:52,050
e ora lì dentro, dobbiamo restituire il nostro oggetto di navigazione, il nostro oggetto opzioni di navigazione ma prima di restituirlo, possiamo usare i dati che otteniamo

37
00:03:52,050 --> 00:03:58,470
da dati di navigazione, come il nostro prop di navigazione che a sua volta ci consente di accedere a

38
00:03:58,470 --> 00:04:09,340
un parametro, in modo da poter usare navigationData. navigazione. getParam per ottenere il nostro pasto. id qui e anche recuperare il nostro pasto

39
00:04:09,340 --> 00:04:13,890
proprio come lo stiamo facendo lassù nel componente, fare lo stesso laggiù

40
00:04:13,990 --> 00:04:19,630
per le opzioni di navigazione e con il pasto selezionato, ovviamente possiamo qui impostare un

41
00:04:19,630 --> 00:04:25,040
titolo di intestazione sul pasto selezionato. titolo ed è qualcosa che abbiamo fatto prima, è

42
00:04:25,060 --> 00:04:30,650
così che possiamo estrarre i dati qui nelle nostre opzioni di navigazione e usare quei dati dinamici lì per

43
00:04:30,790 --> 00:04:32,620
esempio per impostare il titolo dell'intestazione.

44
00:04:35,400 --> 00:04:37,830
Con questo fatto,

45
00:04:37,920 --> 00:04:47,600
vediamo se funziona, forse su Android. Andiamo alla luce e adorabili, qui abbiamo tutte le nostre ricette, andiamo a insalata

46
00:04:49,530 --> 00:04:54,690
qui ed eccolo qui, ecco il nostro titolo, lo vediamo anche qui quindi questo è

47
00:04:54,690 --> 00:04:58,050
tutto carico, se andiamo al salmone, invece vediamo quello.

48
00:04:58,050 --> 00:05:00,850
Quindi tutto funziona come dovrebbe, molto bello da

49
00:05:00,870 --> 00:05:02,350
vedere, ora è il

50
00:05:02,370 --> 00:05:08,340
momento di fare il passo successivo perché, ad esempio, vogliamo essere in grado di contrassegnare un pasto come preferito

51
00:05:08,340 --> 00:05:13,650
e per questo, voglio avere un'icona a forma di stella qui nella navigazione che posso premere.

52
00:05:13,650 --> 00:05:16,290
Questo è qualcosa che ci manca ancora e non abbiamo ancora imparato,

53
00:05:16,320 --> 00:05:17,850
quindi è un bel passo successivo.