Quindi abbiamo impiegato parecchio tempo a migrare questo per reagire alla navigazione cinque ora e forse sembra un po 'travolgente
in questo momento.
Consentitemi quindi di riassumere le modifiche chiave che abbiamo apportato qui e le modifiche chiave le differenze chiave reagiscono alla navigazione
cinque introdotto il cambiamento più grande è il modo in cui impostiamo la nostra configurazione dello schermo invece di avere questo
approccio simile al registro che ora utilizziamo i componenti per impostare la nostra configurazione ma il modello qui è in
realtà abbastanza semplice.
Si crea sempre un navigatore che potrebbe essere uno stack Navigator un navigatore di disegni o anche un
navigatore di tocchi e quindi si utilizza quel navigatore che fa qui un componente di Navigator come componente di rotta per questo set di
schermate che appartiene a questo Navigator.
Le schermate sono i componenti nidificati lì dentro e lì si fornisce un nome e un componente che dovrebbe essere
caricato per quella schermata.
Ora, quando si tratta di navigare, si continua a navigare con il puntello di navigazione e quindi la funzione di
navigazione identificando lo schermo per nome.
In modo che non cambi affatto.
Passi anche i genitori come prima.
L'unica cosa importante qui o l'unica cosa che dovresti tenere a mente è che il nome che usi qui
ovviamente dovrebbe essere il nome che usi anche qui.
Quando configuri i tuoi schermi.
Quindi questo è il cambiamento più grande che hai impostato la tua configurazione come componenti.
Alla fine puoi quindi annidare i tuoi diversi navigatori l'uno nell'altro mentre lo stiamo
facendo qui dove dobbiamo disegnare un navigatore che ha anche i navigatori dello stack come schermate.
Anche questo non cambia, ora sembra diverso.
E ciò che è cambiato è dove si configurano le cose a livello di opzioni di configurazione dello schermo in modo che le
opzioni che interessano tutte le schermate di un navigatore siano impostate direttamente sul Navigatore, un componente con il
puntello delle opzioni dello schermo e la configurazione specifica dello schermo è impostato con il puntello delle opzioni sul componente dello schermo .
Ora dove gestisci quella configurazione se fai tutto in un unico file di grandi dimensioni o mentre lo facciamo qui
se lo stai facendo sullo schermo e poi lo esporti.
Quindi sì, puoi usarlo quando la configurazione dei loro componenti dipende da te.
Questo è tutto ciò che devi tenere a mente.
Una cosa che è cambiata a causa di ciò è il modo in cui gestisci l'autenticazione o i casi correlati.
Non è più necessario cambiare navigatore.
Invece controlli quali navigatori dovrebbero essere resi da reagire e ciò che non è reso non può essere efficace non
può fare nulla.
Quindi, se non eseguiamo il rendering in Shop Navigator perché non siamo autenticati, non è possibile caricare
una schermata del negozio.
Ecco come ora controlliamo quali schermate sono accessibili qui nell'esempio di autenticazione.
Tieni anche presente il log degli ordini.
Quindi è qualcosa in cui devi passare a un nuovo modello mentale.
Questo è molto più reattivo di quello che dovevamo usare prima però.
E poi abbiamo un altro grande o importante cambiamento ed è così che estraiamo i genitori e quando abbiamo
bisogno dei genitori estraiamo i genitori su questa nuova rotta prop con la chiave dei genitori la chiave dei genitori può essere indefinita se
non ci sono genitori ricevuti e questo componente e i genitori ora dovrebbero davvero essere usati solo per ottenere dati
dal componente a due componenti B.
Quindi dallo schermo allo schermo B si aggira intorno a come abbiamo dovuto usarli prima nella schermata del prodotto
aggiunto non sono più necessari se è necessario utilizzare i genitori per ottenere dati dall'intuizione al componente nelle
opzioni dello schermo che non è necessario quello più.
Invece quello che fai ora è che hai usato le nuove opzioni di impostazione Funzione che puoi chiamare direttamente sul
tuo puntello di navigazione
eccolo qui.
Quindi chiamiamo le opzioni impostate su questo puntello di navigazione e quindi possiamo regolare dinamicamente le
opzioni di navigazione dall'interno del componente.
Questi sono i cambiamenti chiave che dovevamo fare qui e le cose chiave che sono cambiate.
Ora come sempre i documenti ufficiali sono tuoi amici.
Se vuoi rileggerlo di nuovo se vuoi immergerti in altri casi che non abbiamo trattato
qui.
Ad esempio, se vuoi imparare a lavorare con i tocchi, non lo stiamo facendo qui, ma l'approccio
è molto simile.
Lo fai con una configurazione basata su componenti con un navigatore e schermate e quindi i documenti ufficiali
sono davvero un ottimo posto in cui immergerti.
Controlla anche il post dell'annuncio per la navigazione di reazione 5 e la guida all'aggiornamento che è
anche collegata lì troverai tutte queste risorse anche allegate a questa lezione.
E con ciò dipende da te se vuoi usare la navigazione di reazione 3 o 4 o se vuoi
passare a 5 o versioni successive.
Una volta che abbiamo nuove parole, tocca a te.
La maggior parte dei progetti in circolazione utilizzerà sicuramente Virgin gratis e perché queste versioni sono
in circolazione da così tanto tempo.
I nuovi progetti potrebbero passare a Where's in five ma potrebbero anche utilizzare la versione precedente.
Quindi direi che è importante conoscere entrambi i tipi di navigazione se stai lavorando sul tuo
progetto da solo.
Ti consiglierei di passare a reagire alla navigazione cinque fin dall'inizio, ma
se desideri 4 o pastella libera va benissimo.
La riattivazione 3 e 4 è completamente stabile e tutto sarà mantenuto aggiornato in futuro dal team di
navigazione di reazione.
Quindi non andrà da nessuna parte.
Non è insicuro usarlo e dipende da te.
Quale versione vuoi usare.