1 00:00:02,580 --> 00:00:09,690 Quindi abbiamo impiegato parecchio tempo a migrare questo per reagire alla navigazione cinque ora e forse sembra un po 'travolgente 2 00:00:09,780 --> 00:00:10,920 in questo momento. 3 00:00:10,920 --> 00:00:18,510 Consentitemi quindi di riassumere le modifiche chiave che abbiamo apportato qui e le modifiche chiave le differenze chiave reagiscono alla navigazione 4 00:00:18,510 --> 00:00:25,920 cinque introdotto il cambiamento più grande è il modo in cui impostiamo la nostra configurazione dello schermo invece di avere questo 5 00:00:25,920 --> 00:00:33,210 approccio simile al registro che ora utilizziamo i componenti per impostare la nostra configurazione ma il modello qui è in 6 00:00:33,210 --> 00:00:34,550 realtà abbastanza semplice. 7 00:00:34,650 --> 00:00:40,740 Si crea sempre un navigatore che potrebbe essere uno stack Navigator un navigatore di disegni o anche un 8 00:00:41,340 --> 00:00:49,710 navigatore di tocchi e quindi si utilizza quel navigatore che fa qui un componente di Navigator come componente di rotta per questo set di 9 00:00:49,710 --> 00:00:52,080 schermate che appartiene a questo Navigator. 10 00:00:52,080 --> 00:00:57,660 Le schermate sono i componenti nidificati lì dentro e lì si fornisce un nome e un componente che dovrebbe essere 11 00:00:57,660 --> 00:00:58,950 caricato per quella schermata. 12 00:01:00,180 --> 00:01:06,780 Ora, quando si tratta di navigare, si continua a navigare con il puntello di navigazione e quindi la funzione di 13 00:01:06,960 --> 00:01:09,280 navigazione identificando lo schermo per nome. 14 00:01:09,300 --> 00:01:11,180 In modo che non cambi affatto. 15 00:01:11,190 --> 00:01:13,720 Passi anche i genitori come prima. 16 00:01:13,770 --> 00:01:18,960 L'unica cosa importante qui o l'unica cosa che dovresti tenere a mente è che il nome che usi qui 17 00:01:19,140 --> 00:01:21,810 ovviamente dovrebbe essere il nome che usi anche qui. 18 00:01:21,810 --> 00:01:23,490 Quando configuri i tuoi schermi. 19 00:01:23,670 --> 00:01:29,400 Quindi questo è il cambiamento più grande che hai impostato la tua configurazione come componenti. 20 00:01:29,400 --> 00:01:35,220 Alla fine puoi quindi annidare i tuoi diversi navigatori l'uno nell'altro mentre lo stiamo 21 00:01:35,520 --> 00:01:41,640 facendo qui dove dobbiamo disegnare un navigatore che ha anche i navigatori dello stack come schermate. 22 00:01:41,640 --> 00:01:45,080 Anche questo non cambia, ora sembra diverso. 23 00:01:45,150 --> 00:01:52,590 E ciò che è cambiato è dove si configurano le cose a livello di opzioni di configurazione dello schermo in modo che le 24 00:01:52,650 --> 00:01:58,740 opzioni che interessano tutte le schermate di un navigatore siano impostate direttamente sul Navigatore, un componente con il 25 00:01:58,740 --> 00:02:06,180 puntello delle opzioni dello schermo e la configurazione specifica dello schermo è impostato con il puntello delle opzioni sul componente dello schermo . 26 00:02:06,180 --> 00:02:12,330 Ora dove gestisci quella configurazione se fai tutto in un unico file di grandi dimensioni o mentre lo facciamo qui 27 00:02:12,330 --> 00:02:15,500 se lo stai facendo sullo schermo e poi lo esporti. 28 00:02:15,550 --> 00:02:19,740 Quindi sì, puoi usarlo quando la configurazione dei loro componenti dipende da te. 29 00:02:20,130 --> 00:02:22,630 Questo è tutto ciò che devi tenere a mente. 30 00:02:22,650 --> 00:02:29,790 Una cosa che è cambiata a causa di ciò è il modo in cui gestisci l'autenticazione o i casi correlati. 31 00:02:29,790 --> 00:02:32,210 Non è più necessario cambiare navigatore. 32 00:02:32,220 --> 00:02:39,150 Invece controlli quali navigatori dovrebbero essere resi da reagire e ciò che non è reso non può essere efficace non 33 00:02:39,270 --> 00:02:40,710 può fare nulla. 34 00:02:40,710 --> 00:02:46,440 Quindi, se non eseguiamo il rendering in Shop Navigator perché non siamo autenticati, non è possibile caricare 35 00:02:46,440 --> 00:02:48,010 una schermata del negozio. 36 00:02:48,060 --> 00:02:54,900 Ecco come ora controlliamo quali schermate sono accessibili qui nell'esempio di autenticazione. 37 00:02:55,020 --> 00:02:57,870 Tieni anche presente il log degli ordini. 38 00:02:57,870 --> 00:03:01,900 Quindi è qualcosa in cui devi passare a un nuovo modello mentale. 39 00:03:01,920 --> 00:03:06,850 Questo è molto più reattivo di quello che dovevamo usare prima però. 40 00:03:07,260 --> 00:03:13,770 E poi abbiamo un altro grande o importante cambiamento ed è così che estraiamo i genitori e quando abbiamo 41 00:03:13,770 --> 00:03:21,650 bisogno dei genitori estraiamo i genitori su questa nuova rotta prop con la chiave dei genitori la chiave dei genitori può essere indefinita se 42 00:03:21,690 --> 00:03:28,290 non ci sono genitori ricevuti e questo componente e i genitori ora dovrebbero davvero essere usati solo per ottenere dati 43 00:03:28,290 --> 00:03:30,720 dal componente a due componenti B. 44 00:03:30,810 --> 00:03:38,100 Quindi dallo schermo allo schermo B si aggira intorno a come abbiamo dovuto usarli prima nella schermata del prodotto 45 00:03:38,100 --> 00:03:45,150 aggiunto non sono più necessari se è necessario utilizzare i genitori per ottenere dati dall'intuizione al componente nelle 46 00:03:45,150 --> 00:03:48,770 opzioni dello schermo che non è necessario quello più. 47 00:03:48,840 --> 00:03:56,760 Invece quello che fai ora è che hai usato le nuove opzioni di impostazione Funzione che puoi chiamare direttamente sul 48 00:03:56,760 --> 00:03:58,080 tuo puntello di navigazione 49 00:04:00,760 --> 00:04:01,870 eccolo qui. 50 00:04:01,900 --> 00:04:07,960 Quindi chiamiamo le opzioni impostate su questo puntello di navigazione e quindi possiamo regolare dinamicamente le 51 00:04:08,170 --> 00:04:10,610 opzioni di navigazione dall'interno del componente. 52 00:04:10,630 --> 00:04:16,780 Questi sono i cambiamenti chiave che dovevamo fare qui e le cose chiave che sono cambiate. 53 00:04:16,780 --> 00:04:19,840 Ora come sempre i documenti ufficiali sono tuoi amici. 54 00:04:19,840 --> 00:04:25,090 Se vuoi rileggerlo di nuovo se vuoi immergerti in altri casi che non abbiamo trattato 55 00:04:25,090 --> 00:04:25,670 qui. 56 00:04:25,750 --> 00:04:30,370 Ad esempio, se vuoi imparare a lavorare con i tocchi, non lo stiamo facendo qui, ma l'approccio 57 00:04:30,370 --> 00:04:31,290 è molto simile. 58 00:04:31,330 --> 00:04:36,700 Lo fai con una configurazione basata su componenti con un navigatore e schermate e quindi i documenti ufficiali 59 00:04:36,700 --> 00:04:39,180 sono davvero un ottimo posto in cui immergerti. 60 00:04:39,190 --> 00:04:46,200 Controlla anche il post dell'annuncio per la navigazione di reazione 5 e la guida all'aggiornamento che è 61 00:04:46,240 --> 00:04:51,210 anche collegata lì troverai tutte queste risorse anche allegate a questa lezione. 62 00:04:51,310 --> 00:04:56,710 E con ciò dipende da te se vuoi usare la navigazione di reazione 3 o 4 o se vuoi 63 00:04:56,710 --> 00:04:58,450 passare a 5 o versioni successive. 64 00:04:58,450 --> 00:05:01,290 Una volta che abbiamo nuove parole, tocca a te. 65 00:05:01,450 --> 00:05:07,870 La maggior parte dei progetti in circolazione utilizzerà sicuramente Virgin gratis e perché queste versioni sono 66 00:05:07,900 --> 00:05:10,830 in circolazione da così tanto tempo. 67 00:05:10,990 --> 00:05:15,850 I nuovi progetti potrebbero passare a Where's in five ma potrebbero anche utilizzare la versione precedente. 68 00:05:16,030 --> 00:05:21,850 Quindi direi che è importante conoscere entrambi i tipi di navigazione se stai lavorando sul tuo 69 00:05:21,850 --> 00:05:23,010 progetto da solo. 70 00:05:23,050 --> 00:05:28,060 Ti consiglierei di passare a reagire alla navigazione cinque fin dall'inizio, ma 71 00:05:28,060 --> 00:05:31,760 se desideri 4 o pastella libera va benissimo. 72 00:05:31,930 --> 00:05:38,470 La riattivazione 3 e 4 è completamente stabile e tutto sarà mantenuto aggiornato in futuro dal team di 73 00:05:38,470 --> 00:05:39,750 navigazione di reazione. 74 00:05:39,850 --> 00:05:41,260 Quindi non andrà da nessuna parte. 75 00:05:41,260 --> 00:05:43,760 Non è insicuro usarlo e dipende da te. 76 00:05:43,780 --> 00:05:45,310 Quale versione vuoi usare.