Quindi ora lavoriamo un po 'con la navigazione, siamo in grado di andare avanti e indietro.
Imparerai come aggiungere icone e pulsanti di azione qui a questa intestazione come modellare e controllare l'intestazione in generale come passare i
dati in giro e queste sono tutte cose cruciali per le app mobili che stai costruendo con
React Native Naturalmente queste sono cose che fare ancora e ancora quando si lavora con React Native
per creare app.
Ora questa non è l'unica forma di navigazione che possiamo implementare, anche se possiamo anche toccare in fondo in
modo da poter passare da una sezione all'altra della sua app, che ovviamente fa
tutto un modello tipico che conosci dalle app mobili e che è anche il modello Ho delineato all'inizio
di questo modulo che voglio avere due tocchi nella sua app uno per tutti i nostri pasti o in questo caso tutte le nostre
categorie e uno solo per i nostri pasti preferiti i pasti che abbiamo contrassegnato come preferiti.
Ciò ovviamente ci porta a una domanda importante: come possiamo aggiungere i tocchi quando si lavora con la navigazione reattiva.
E per fortuna non è troppo difficile.
Andiamo al nostro file James del navigatore dei pasti che è dove abbiamo impostato la navigazione e lì abbiamo creato
un navigatore dello stack.
Hai bisogno di un navigatore dello stack ogni volta che hai pagine di schermate nella tua app che sono connesse con un
tale flusso all'indietro in avanti.
Questa è la tipica navigazione dello stack.
Ciò che stiamo usando qui, ovviamente, ne avrà comunque bisogno anche se ora tutti i tocchi degli annunci.
La cosa buona è che puoi semplicemente avere più navigatori nella tua applicazione e questo è esattamente
ben fatto ora dalla navigazione Rick oltre al navigatore dello stack che crea la funzione di navigatore dello stack.
Possiamo anche importare creare navigatore scheda inferiore e che fa esattamente quello che sembra ci permette di creare un navigatore
che funziona con i tocchi nella parte inferiore.
Quindi crea il navigatore della scheda in basso che è e possiamo semplicemente creare quel navigatore aggiuntivo accanto al
nostro navigatore dei pasti diciamo quindi qui qui chiamerò i pasti Navigatore della scheda Pfaff puoi nominarlo come vuoi che vuoi
solo essere veramente chiaro su ciò che il suo navigatore controlli e controlli della ruota
sono pasti e preferiti con i tocchi e chiamo creare navigatore scheda inferiore e memorizzare il risultato in questa
costante.
Il risultato di questa giustizia prima per il navigatore dello stack non è la fine un componente di reazione.
Quindi possiamo memorizzarlo qui e presto saremo in grado di usare la distanza.
Ora come configuriamo quel navigatore a schede quindi, proprio come il navigatore dello stack, il navigatore a schede
prende tutto l'oggetto in cui dobbiamo informarlo sui diversi tocchi in modo da dire le diverse sezioni
a schermate diverse che vuoi caricare quando facciamo clic su diversi tocca e lì ho due schede che voglio
una scheda dovrebbe essere quello che vediamo qui.
Quindi il nostro stack alla fine non solo questa schermata, ma tutte le funzionalità per passare a un'altra schermata.
Quindi voglio avere l'intero stack qui in una scheda e una schermata diversa o una
pila diversa nella scheda Abbott e la cosa buona è che puoi usare una pila o qualsiasi altro Navigatore come schermata in questo Navigatore.
Quindi quello che puoi fare qui è che puoi impostare un identificatore.
Forse chiamiamolo pasti.
Dipende totalmente da te quel nome.
E ora puoi puntare su uno schermo qui.
Puoi anche usare quella forma lunga con lo schermo, ma userò il collegamento e indicherò direttamente
uno schermo qui allo schermo aggiungendo che punti qui può anche essere solo un componente di reazione come abbiamo creato qui nella
cartella schermi o.
Ebbene da quest'anno, come ho già detto, tutti i rendimenti sono componenti reali.
Può anche essere il risultato di creare stack Navigator.
Quindi, in effetti, userò il navigatore dei pasti qui come schermo da caricare per la scheda dei pasti.
In effetti è così che funziona è come possiamo configurarlo.
Questo è il nostro primo tocco.
La seconda scheda sarà la nostra preferita e lì.
Non ho ancora stack.
Potremmo successivamente aggiungerne uno, ma per ora indico solo la schermata dei preferiti, quindi importiamo i preferiti morti.
Schermata qui nella schermata dei preferiti di importazione dei file del navigatore pasti dalla cartella delle schermate e sono schermate
dei preferiti come questa.
E ora punta semplicemente alla schermata dei preferiti qui per il nostro identificatore dei preferiti nel navigatore della scheda in basso.
Questo è il modo in cui possiamo impostare una scheda Navigator.
La domanda ora è come la usiamo.
Bene, alla fine è ora questo navigatore che vogliamo usare come navigatore del percorso nell'app perché
include il navigatore dei pasti esistente.
E ci permette anche di andare alla schermata preferita.
Quindi alla fine lo uso solo quest'anno nel mio contenitore dell'app anziché nel navigatore dei
pasti perché il navigatore dei pasti ora è nidificato in questo navigatore a schede ed è così che puoi combinare
più navigatori in un'app nativa guidata dalla navigazione in rack perché puoi semplicemente mescolarli e abbinarli insieme.
Hai sempre un navigatore di rotta che si trova nel contenitore dell'app e che ha senso avere un
punto di accesso alla tua app, ma questo navigatore di rotta può ovviamente avere i nostri navigatori nidificati come lo abbiamo qui per
questo rubinetto in cui puntiamo al navigatore dei pasti e se ora salviamo questo in modo sicuro e la nostra app
si riavvia, vedi ora abbiamo schede in basso qui e possiamo fare clic su di loro per
andare al nostro stack di pasti qui e possiamo usare questo stack come prima, ma posso anche passare ai preferiti tornare al
mio stack che continua a dichiarare che era presente ed è così facile aggiungere attività.
Lo stesso su Android ovviamente.
Ora, ovviamente, è anche degno di nota che questi tocchi non guardano bene, ma sarebbe bello avere un posso
ascoltarlo e non solo un po 'di testo e ci occuperemo della configurazione di questi tocchi.
Solo un secondo, ma è così facile iniziare con i tocchi ed è così che puoi
pensare all'utilizzo di più navigatori in un'app di navigazione di reazione o nell'app che utilizza la navigazione di reazione.
Ora vediamo come possiamo effettivamente aggiungere icone e come possiamo configurare i nostri tocchi un po 'di più anche per
usare un colore diverso rispetto a questo anno blu predefinito.