Quindi lavoriamo con il navigatore dello stack.
E che dire del sorteggio.
La logica è esattamente la stessa.
Creiamo il nostro negozio disegnare navigatore anno chiamando crea disegnare navigatore e proprio come il navigatore dello stack.
Questa funzione non vuole alcun argomento.
Invece configureremo la nostra navigazione per disegnare in un approccio basato sui componenti o papà creerò un navigatore per negozi qui
e questo sarà un componente di reazione.
Ancora una volta potresti averlo in un file separato.
Terrò tutto in un file per averlo fianco a fianco con il vecchio codice e nel loro ritorno torniamo a disegnare
punto navigatore punto navigatore.
Stessa logica di prima Non importa che sia un pareggio.
E lì ora abbiamo due schermate diverse che possono essere caricate nel navigatore e reagire
alla navigazione assicurerà automaticamente che venga creato un navigatore in modo da poterlo aprire con lo stesso identico
codice che abbiamo usato prima non sarà necessario modificarlo.
Quindi qui ora abbiamo il nostro negozio disegnare lo schermo a punti del navigatore e la giustizia prima di dare a quello schermo un nome.
Qui abbiamo due prodotti per esempio.
E quel nome verrà quindi automaticamente utilizzato all'interno del navigatore di disegni.
Anche se puoi anche sovrascrivere tutto ciò se vuoi e abbiamo bisogno di un componente che viene caricato quando facciamo
clic su quel link nel navigatore.
E qui è ancora Navigator del prodotto.
Quindi, proprio come prima, possiamo utilizzare i nostri navigatori dello stack anche se ora utilizzano questo approccio basato sui componenti
come componenti che dovrebbero essere creati come parte di un altro navigatore in questo caso come parte del navigatore
di disegno.
Possiamo ancora indicare i nostri navigatori dello stack come componenti qui perché sono componenti quest'anno.
Questo è un componente e lo stesso vale per tutti i nostri navigatori.
Creiamo qui tutti i componenti di reazione che mantengono i componenti specifici richiesti dalla logica di navigazione e
i componenti generali come il navigatore dei prodotti qui possono essere utilizzati in un navigatore di disegni, quindi
lo replicherò due volte in modo che possiamo anche aggiungere i nostri ordini qui con il navigatore degli ordini e l'amministratore qui con il navigatore dell'amministratore
e assicurati di non avere errori nei tuoi nomi perché li stiamo usando in tutta l'app e
che la logica non dovrà essere modificata.
Quindi, se si confondono i nomi qui, altre parti dell'app non funzioneranno correttamente.
Quindi ora abbiamo impostato questo navigatore per disegnare e ora per quanto riguarda la configurazione.
Ora ci sono due cose che dobbiamo considerare.
Per uno dobbiamo configurare qui per il contenuto di disegno.
E in secondo luogo vogliamo configurare le nostre diverse schermate come il navigatore del prodotto o il navigatore
dell'ordine per avere le tue icone nel cassetto.
Bene, iniziamo con le icone.
In precedenza abbiamo impostato che posso direttamente nella configurazione dello stack Navigator che
volevamo usare ora in un disegno con l'approccio basato sui componenti.
Non lo facciamo più.
Invece possiamo semplicemente prendere questa parte qui, in realtà siamo questo intero oggetto che abbiamo precedentemente impostato sul navigatore
dello stack e scendiamo al nostro sorteggio.
E ora qui su questa schermata a cui appartiene.
Quindi in questo caso appartiene all'Admin Navigator.
Quindi qui nella schermata di amministrazione passiamo di nuovo le nostre opzioni proprio come abbiamo fatto un secondo vado in pila Navigator.
Quindi qui passiamo ora le opzioni per questa schermata e questo potrebbe essere un componente normale o poiché in questo caso è
un componente con la nostra logica di navigazione dello stack e due opzioni, passiamo un oggetto e lì possiamo
riutilizzare quell'oggetto che abbiamo usato prima.
Quindi un oggetto con un disegno che riesco a capire dove ci viene in mente viene e così via.
Quindi tutto questo funziona bene prima di un piccolo aggiustamento, ma ora abbiamo anche oggetti di scena qui alimentati dalla navigazione
reattiva e questi oggetti di scena avranno un tasto colorato invece di disegnare la tinta attiva e il colore sarà sempre il colore
giusto perché reagisci alla navigazione dietro il le scene controlleranno dove lo fa lo
schermo attualmente attivo o meno e regoleranno i valori memorizzati in quel puntello di colore.
Ho già evidenziato il colore evidenziato già noto.
Quindi questa è una piccola modifica che dobbiamo apportare qui bene e con ciò possiamo copiare la
logica dagli altri navigatori così come dal navigatore dell'ordine prendiamo qui questo oggetto che
avevamo e le sue opzioni di navigazione scendono al sorteggio agli ordini lo schermo aggiunge la chiave di passaggio delle opzioni ed è oggetto
e commento è tornato e importante ora abbiamo oggetti di scena che avranno quel tasto di colore proprio come questo e, ultimo ma non
meno importante, ovviamente lo facciamo anche per la schermata dei prodotti per il navigatore dei prodotti.
Qui abbiamo questo oggetto prendiamolo, andiamo giù per disegnare il nostro
navigatore ed ecco la nostra schermata di impostazione del prodotto il tasto opzioni qui.
L'ho passato e modificato come ho appena mostrato.
Quindi ora abbiamo la nostra configurazione specifica dello schermo qui.
Ora potresti dire che dire del disegno complessivo perché in precedenza nell'app con la vecchia navigazione
di reazione in cui avevamo effettivamente il nostro disegno e configuravamo il colore di tinta attivo e anche il contenuto
del disegno.
Bene, puoi ancora farlo con quel nuovo approccio.
Andiamo al nostro navigatore per disegnare in modo da impostare il navigatore generale e configurarlo tramite oggetti di scena proprio come
prima.
Si tratta di componenti e oggetti di scena, quindi qui ora abbiamo un nome diverso, ma non
abbiamo più opzioni di contenuto e componente di contenuto.
E puoi trovarlo nei documenti ufficiali.
Ora abbiamo disegnare contenuti e disegnare opzioni di contenuto.
Tuttavia, i valori sono esattamente gli stessi alla fine.
Quindi possiamo afferrare il nostro oggetto opzioni di
contenuto qui e in passato come disegnare un contenuto opzioni qui e commentarlo dentro e in avanti per disegnare un contenuto.
È anche quasi lo stesso.
Abbiamo semplicemente avvolto questo componente qui
fino a qui.
Copia
questo e passalo qui per disegnare il contenuto e commentarlo in.
Tuttavia ora due cose importanti che utilizzano questa patch non sono consentite qui.
Dovresti farlo fuori di qui.
Quindi ad esempio qui nel navigatore del negozio annuì il componente annidato.
Inoltre, non è più possibile disegnare elementi, ma disegnare un elenco di elementi che dobbiamo anche importare in alto dal disegno
della barra di riattivazione.
Quindi qui importiamo l'elenco degli elementi di disegno con
esso.
Tuttavia, se scorro verso il basso, questo dovrebbe ora funzionare di nuovo e questo dovrebbe essere il nostro progetto di lavoro, quindi
abbiamo il navigatore del negozio che ha tutti questi navigatori dello stack ciò che rimane ora è quel
navigatore switch che sostanzialmente rende la nostra schermata di avvio o tu spegni schermo o schermo del negozio o fai le tue rispettive
pile di navigazione, dovrei dire.
Bene, questo è ciò su cui lavoreremo dopo.