Quindi aggiungiamo questo ultimo modello di navigazione principale che vedi nelle app mobili e che ha una porta laterale
ovviamente rischia la navigazione come coperta per papà e dalla navigazione reattiva puoi importare creare disegnare e
Navigator che fa esattamente quello che sembra.
Ci semplifica la creazione di questo modello di navigazione basato sul disegno e ci offre un tale disegno e
tutte le funzionalità di cui abbiamo bisogno per controllare la cannuccia fuori dalla scatola, il che è ovviamente molto conveniente.
Quindi creiamo semplicemente un nuovo navigatore e lo farò in fondo a questo file.
E solo una breve nota a margine ovviamente puoi dividerlo in più file e avere
ogni navigatore nel suo file e quindi unirli insieme in un file importandoli in un file centrale.
Questo è qualcosa che potresti fare.
Ho trovato più facile per questo tutorial anche tenere tutto in un unico file.
Troppo grande di un file ma potresti sicuramente dividerlo.
Quindi creerò il mio navigatore per disegnare qui in fondo a questo file e tutto memorizzato in quella costante denominata
Navigatore principale perché alla fine è quello che è.
Questo sarà il nostro principale navigatore alla fine perché la scheda sarà all'interno del sorteggio e il navigatore alla fine
i nostri passi qui.
Quindi su entrambe le schede.
Abbiamo accesso a quel sorteggio laterale e decidiamo che il sorteggio ci consente di passare a uno schermo nuovo di zecca che non farà
parte dei nostri tocchi.
Quindi il navigatore di disegno si trova sopra il navigatore delle schede nella gerarchia.
Quindi, come possiamo configurare un tale navigatore di disegni.
Fondamentalmente proprio come abbiamo fatto prima ci vogliono due argomenti.
Il primo argomento è un oggetto in cui configuriamo gli schermi per la giustizia del
navigatore distruttore prima di avere identificatori come rubinetti o piatti preferiti qualunque sia il navigatore adatto per quella prima voce del cassetto
che vuoi avere.
E qui voglio puntare ancora sul navigatore del padre dei miei pasti perché è quello che voglio caricare lì e su
una seconda voce è la schermata dei filtri che non dobbiamo dimenticare che abbiamo un'altra schermata che è la schermata dei filtri che
non abbiamo usato prima d'ora come è tempo di brillare e in realtà tutto avvolto come in un
navigatore dello stack anche se sarà vuoto.
Quindi abbiamo anche avuto un colpo di testa lì.
Quindi aggiungerò qui un altro navigatore dello stack con Crea stack navigatore.
È uno stack molto semplice.
Avrà solo una schermata e quella sarà la schermata dei filtri che dovrebbe quindi essere importata
qui in alto perché non lo stiamo ancora facendo.
Importiamo la schermata dei filtri qui dalla schermata dei filtri delle schermate e ora possiamo usare la schermata dei filtri nel loro sito Web non
qui, ma qui nello stack navigator e denominata is filter navigator leggi qualcosa del genere e ora è questo filtri Navigator che può
mappare i filtri in il mio navigatore dei cassetti e io uso solo un navigatore dello stack qui
in modo che abbiano anche un'intestazione lì e per nessun altro motivo ora sullo
schermo del filtro funzionerà ovviamente su questo in un secondo, ma
lì c'è una cosa che voglio fare subito aggiungerò le mie opzioni di navigazione e aggiungerò lì un titolo di intestazione e
lo imposterò per filtrare o filtrare i pasti qualcosa del genere con quello indietro al navigatore dei pasti stiamo creando quello stack stiamo assegnando i
navigatori dello stack dei navigatori dei filtri al nostro navigatore dei disegni e ora non ci
resta che usare il navigatore principale qui nel nostro contenitore di app per iniziare con il debito e ora se salviamo questo non vediamo
nulla però.
Bene, ho detto che il navigatore del sorteggio gestirà tutta la logica per aprirla, e
ciò che non fa per noi automaticamente è mostrare un'icona di menu in modo che non mostri un pulsante hamburger per noi.
È qualcosa che dobbiamo fare e possiamo decidere su quali schermi mostrarlo.
E naturalmente quella sarebbe la schermata della categoria perché è la schermata principale per la scheda dei
pasti e la schermata preferita perché è la schermata principale per la sua scheda dei preferiti.
Quindi in queste due schermate voglio aggiungere l'icona di quel menu e la aggiungo nelle mie opzioni di navigazione
come hai appreso perché lì voglio aggiungerlo con l'aiuto dell'intestazione a sinistra.
In precedenza avevamo il diritto di aggiungere azioni alla barra di navigazione nell'intestazione, ma quel pulsante di menu in genere si
trova sulla sinistra per essere aggiunto qui.
E userò i miei pulsanti di intestazione per questo.
Quindi importeremo dai pulsanti di intestazione di navigazione reattivi.
Questo pacchetto che abbiamo usato in precedenza da lì importerò i pulsanti di intestazione e anche l'elemento che tutti noi usiamo prima e
importerò anche il mio pulsante di intestazione personalizzato.
Quindi pulsante di intestazione dal pulsante di intestazione dei componenti, quindi lo stesso modello che abbiamo usato prima per aggiungere quella stella
che posso davvero barra di azione.
Ora lo farò qui per l'icona del menu per il pulsante del menu e quindi
ora possiamo andare a sinistra e i loro pulsanti di intestazione dell'annuncio quest'anno come componente impostare il componente del pulsante di intestazione sul nostro componente del pulsante di
intestazione.
Stiamo importando dal nostro componente personalizzato e aggiungiamo un elemento che ci consente di definire
il titolo che dovrebbe essere menu e quindi, cosa molto importante, posso nominare.
E lì puoi usare il menu IOW.
E comunque puoi sempre usare l'API della piattaforma qui per usare un'icona diversa per Android
e per ISIS se vuoi.
E, ultimo ma non meno importante, tutti i componenti aggiuntivi premono per fare qualcosa quando vengono premuti i pulsanti morti.
E ora questo dovrebbe rendere un pulsante del menu dall'aspetto piacevole qui su quello schermo e in effetti lo vediamo qui su
di noi.
E lo vediamo anche su Android.
Ora di nuovo se vuoi un'icona diversa su Android che assomigli di più a una tipica icona Android.
Lo stesso vale per i tocchi dal modo in cui è possibile utilizzare l'API della piattaforma per rendere lì un'icona
diversa per risparmiare un po 'di tempo, userò le stesse icone.
Quindi è così che visualizziamo l'icona.
Come abbiamo ora aperto un sorteggio, anche se per questo abbiamo bisogno dell'accesso al puntello di navigazione e non
abbiamo tale accesso nelle opzioni di navigazione come questa.
Ma ovviamente abbiamo appreso in precedenza che è possibile utilizzare il modulo di funzione qui dove è possibile ottenere i dati di
navigazione.
In questa funzione si potrebbe dire che è necessario restituire l'oggetto di configurazione.
Quindi qui devi restituire un oggetto alla fine.
E ora i dati di navigazione hanno un tale supporto di navigazione.
Quindi ora qui sulla stampa possiamo dire che il punto di navigazione dei dati di navigazione papà sarà ora disponibile che
è fornito dalla navigazione di reazione che esegue questa funzione alla fine.
E lì avrai un metodo di attivazione / disattivazione.
Avresti anche un disegno aperto se sai che vuoi solo aprirlo ma attiva / disattiva il disegno lo aprirà se è
chiuso e lo chiuderà se è aperto.
Quindi qui devi attivare il disegno e il trattino dovrebbe aprire il menu laterale.
Quindi, se salviamo che ora effettivamente il cassetto si apre, possiamo lavorare sullo stile e sul
testo che vediamo qui tra un secondo, ma è così che puoi aprire quel cassetto ora prima di occuparci di come appare qui.
Assicuriamoci di dire uno dei preferiti.
E ovviamente puoi depositare tutti un video e farlo da solo qui perché i passaggi
saranno gli stessi delle categorie di pasti qui.
È una buona pratica da offrire, ma dopo questa breve pausa devi passare questo video,
lo faremo insieme così avrai avuto successo.
Facciamolo insieme e alla fine si tratta solo di copiare questa impostazione qui schermata Preferiti 2D, quindi copierò l'intera configurazione delle opzioni
di navigazione dalla schermata delle categorie alla schermata dei preferiti e sostituirò la mia opzione di navigazione
con essa ovviamente significa che io dobbiamo rinominarci qui nella schermata dei preferiti
e qui cambiare il titolo di nuovo nei tuoi preferiti, ma ora ho già questa funzione di creazione
dinamica delle opzioni di navigazione qui dove devo attivare / disattivare la chiamata di disegno qui l'icona che
quando usa lo stesso dobbiamo solo fare sicuramente importiamo tutte le cose che dobbiamo importare
e per papà possiamo prendere le importazioni qui dalla schermata delle categorie, nonché dal pacchetto di navigazione reagire o dai pulsanti.
E dal nostro pulsante di intestazione.
Prendi questo e aggiunto qui sulla schermata preferita ora con Papà se abbiamo salvato come dovrebbe essere tutto ora sulla schermata preferita
dobbiamo anche disegnare e puoi aprirlo anche lì non possiamo semplicemente aprirlo a modo se clicchiamo su
ruolo dei filtri da inserire nella schermata del filtro in questo momento non abbiamo
un modo per tornare indietro ma in realtà è qualcosa che possiamo tutti risolvere immediatamente a
causa della schermata del filtro Voglio semplicemente anche avere un disegno in alto, quindi sul schermata del filtro Aggiungerò anche le mie importazioni qui I pulsanti di intestazione di
Whip finiscono e quindi tutte le opzioni di navigazione aggiunte qui.
Quindi copia le opzioni di navigazione dalla schermata preferita questa funzione dinamica e aggiungila alla schermata dei
filtri e sostituisci ovviamente la scala delle opzioni di navigazione, quindi cambia di nuovo quest'anno alla schermata
dei filtri e cambia di nuovo al titolo per filtrare i pasti o quello che vuoi qui e con ciò dovremmo anche
disegnare sullo schermo del filtro e questo ci consente di tornare ai nostri pasti ora, però mancano un paio
di cose.
Ad esempio, nella schermata del filtro l'intestazione sembra totalmente diversa e quindi qui su Android non
riesco nemmeno a vedere il mio pulsante perché è bianco il testo qui non è il testo che
voglio visualizzare Voglio anche usare colori diversi qui forse caratteri diversi quindi c'è ancora del lavoro da fare ma è stata aggiunta la funzionalità di disegno
di base e come si vede di nuovo con pochissimo sforzo.
Quindi ora occupiamoci dello stile del disegno e di quello dei filtri.