È importante capire come funziona la navigazione e le app native e soprattutto se si ha uno sfondo
di sviluppo web è importante capire come si differenzia dalla navigazione tra schermi e web perché nel web
in realtà si immette un sei L e se stai costruendo un'app di reazione che usi uno strumento come
reagire al router per caricare il componente degli utenti.
E se fai clic su un link che va di nuovo al mio sito dot com slash products di nuovo il router di reazione, che è la libreria aggiuntiva che hai installato, inizia
a vedere che cambi il percorso nella tua U. R. L. e carica un altro componente
di reazione.
Ecco come funziona la navigazione nel web.
Quindi sei L è la tua fonte di verità e cambiando il fatto che potresti essere raccolto da librerie come il router
di reazione che ha poi reso diversi componenti sullo schermo.
È così che reagisco per il web funziona.
Ora c'è una differenza importante rispetto a ciò quando pensiamo alle app native.
Non abbiamo nessuno che gli utenti non vadano in giro nella tua app inserendo qualcuno che sei L invece stai
premendo i pulsanti i tuoi tocchi prementi e vai avanti e indietro.
Hai i pulsanti posteriori e i cassetti laterali, è così che navighi sulle app mobili per essere precisi.
Come ho già detto, avere i rubinetti è un modello comune che vedi lì.
Il modello comune medio è che navighi in una pila di pagine e ciò significa semplicemente che vai
su una pagina che fai clic su un elemento che viene portato in una nuova schermata e quindi automaticamente ottieni un pulsante
indietro in alto o su Android tu ovviamente ne hai uno integrato nel dispositivo.
E quando premi che sei tornato alla pagina in cui ti trovavi prima e ottieni una transizione
graduale per questo.
Quindi lì puoi navigare, ad esempio, caricare un componente utenti premendo la scheda o
premendo un elemento speciale e navigando lì e l'accusa sembra semplicemente un po 'diversa
dagli utenti.
Ora, naturalmente, vogliamo dare quel look and feel anche alla nostra app nativa ReACT.
E per fortuna è molto semplice.
Con l'aiuto di una libreria di terze parti useremo la libreria di terze parti che la utilizzerà
per questo Ho fermato il mio server esposto qui è Reattiva navigazione possiamo installarlo con npm Installa Dash Dash
Reagire in sicurezza Navigazione come questa e mentre questa si chiama Reattiva navigazione in realtà è una libreria di
navigazione creata per reagire nativamente.
Ora puoi anche usarlo nelle app web ma il suo focus principale sono le app native create con React Native.
Quindi, anche se si chiama la navigazione di reazione, è per React Native, non solo per reagire per il web.
Quindi possiamo semplicemente installare questo pacchetto qui nella nostra applicazione per iniziare ad usarlo.
E ovviamente ti insegnerò i dettagli di questo pacchetto e come usarlo per diversi
schemi di navigazione in questo modulo.
Ma nel caso in cui tu voglia immergerti più in profondità o desideri anche avere una guida scritta.
Sicuramente dai un'occhiata anche al punto di navigazione reattivo ORIC che è la pagina ufficiale di questo pacchetto
dove puoi immergerti nei dock per conoscere tutto su questo pacchetto.
Lì puoi leggere tutto in dettaglio.
Imparerai come usarlo come configurarlo e così via.
C'è molto che puoi fare con esso e mentre coprirò la maggior parte di questo qui, questa è una grande risorsa
per te per immergerti più in profondità.
Ora una cosa che vediamo qui che dovremmo assolutamente fare è che dovremmo eseguire questo comando utente che installa
un sacco di dipendenze extra per rispondere alle esigenze di navigazione.
Quindi copia semplicemente questo comando dalla pagina Introduzione qui ed eseguito nel tuo progetto nella riga di comando
nel terminale integrato non hai npm install ma Expo install anche se l'unica differenza è che
Expo installato dietro le quinte eseguirà npm install ma sceglierà le versioni specifiche di questi
pacchetti che funzionano con la tua specifica versione di Expo.
Quindi è una versione più sicura dell'installazione di npm che potresti dire e quindi è consigliabile utilizzarla
qui.
Ora una nota aggiuntiva su questo comando e questa pagina in generale nella parte superiore sinistra di questa pagina viene visualizzata
la versione della navigazione di React.
Questi documenti si riferiscono ora al riutilizzo in questo corso mentre in 3 o 4 sono praticamente gli stessi.
Non stiamo usando considerando 5 in questo momento perché la versione 5 usa una sintassi leggermente diversa che
per il momento non tratteremo.
Quindi assicurati che se stai tornando ai documenti in realtà selezioni la versione 4 o libera la documentazione qui
da seguire senza problemi.
Ovviamente puoi sempre dare un'occhiata alla versione 5 e provare manualmente ad adattarti al codice se
vuoi, ma per un'esperienza fluida dove concentrarti ovviamente si trova su React Native e non reagire alla navigazione.
Assicurati di scegliere la versione 4 o l'anno gratuito.
Questa è solo una piccola nota a margine nel caso ti stia chiedendo quale sia la differenza tra i
documenti qui e ciò che vedi in questo corso. Ora, tuttavia, una nota importante mentre continuiamo a reagire alla navigazione in cui
ci troviamo.
Qui più avanti, durante il corso, avrò un intero modulo sulla navigazione reattiva cinque e più tardi, dove ti
mostrerò come convertire il tuo progetto per utilizzare l'ultima versione.
Quindi hai avuto il meglio di entrambi i mondi e imparerai entrambi i tipi di impostazione della navigazione
e di navigazione e reagire alle app native perché entrambi e per qualsiasi futuro in cui ha cinque anni
e più sarà molto importante sapere.
Quindi copiamo semplicemente questo comando e assicuriamoci che oltre a installare la navigazione di
reazione che è il pacchetto principale ovviamente installiamo anche questi pacchetti nel progetto eseguendo Expo installa
qui ora con l'installazione finita qui posso riavviare il mio server Expo con NPM start e ora possiamo
iniziare a utilizzare la navigazione di reazione.
Ora per tutto questo scambiare una nuova cartella nel mio progetto e la chiamerò navigazione.
Questo non è qualcosa che devi fare, ma può aiutarti a mantenere pulito il tuo codice perché lì dentro.
Creerò un nuovo file tutto creerà il mio punto di navigazione pasti J autunno.
Ora questo nome di file dipende totalmente da te.
Voglio solo indicare che lì configurerò la configurazione per la mia navigazione per l'app dei miei pasti qui
che sto costruendo.
Ecco perché un nome è così.
Ed è l'autunno jazz del navigatore dei pasti dove voglio impostare la mia configurazione di navigazione bene
Voglio dire a reagire alla navigazione quella biblioteca che abbiamo installato quali schermi diversi abbiamo come sono collegati e come vogliamo
essere in grado di spostarci tra di loro.
Ora è più semplice vederlo che parlarne.
Quindi, nel navigatore dei pasti, iniziamo a configurare un po 'di navigazione.