Ora per disconnettersi.
Abbiamo bisogno di una nuova azione, che possiamo inviare.
Quindi nel file off, nella cartella actions.
Aggiungerò un nuovo creatore di azioni.
Importa davvero dove hai aggiunto che ho aggiunto laggiù e lo esporto e lo chiamo logout, che suona come un nome
adatto per me.
Non mi aspetto discussioni lì.
E ho bisogno dell'identificatore di azione per disconnettersi, però.
Quindi qui possiamo esportare.
Disconnessione del concerto con la stringa di disconnessione.
E ora ti trovi lì.
E in questo creatore di azioni, che è un normale creatore di azioni in cui non ho bisogno di inviare
richieste HTP o cose del genere, ho appena inviato la sua azione di disconnessione Yende dove creo questo oggetto di azione di
disconnessione.
Ora possiamo usare papà.
E voglio essere in grado di disconnettersi con l'aiuto del sito, disegnare nel sito, disegnare.
Voglio avere questo pulsante di disconnessione.
Ciò significa che dobbiamo fare qualcosa che non abbiamo mai fatto prima.
Dobbiamo aggiungere un nuovo pulsante per decidere il sorteggio.
Finora, aggiungiamo solo i pulsanti creati automaticamente.
Ma aggiungere i tuoi contenuti non è troppo difficile per papà.
Andiamo al file Shop Navigator in cui abbiamo impostato il cassetto.
Ecco qui.
E poi qui, oltre alle mie opzioni di contenuto.
Puoi anche aggiungere un componente di contenuto qui.
Ciò consente di aggiungere il proprio contenuto per il decisore o invece del contenuto predefinito.
Ora questa prende una funzione che riceve oggetti di scena perché alla fine, questo è un componente di reazione, che
aggiungi qui.
Quindi ottiene oggetti di scena e dichiarazioni dei redditi, sono J. S. X, e tutti devono assicurarsi che stai importando
reagire da reagire.
E avremo tutti bisogno di un paio di altre importazioni.
Dobbiamo anche importare qualcosa da reagire nativo.
E quella dovrebbe essere la vista dell'area sicura.
E voglio anche importare il pulsante da REAC nativo.
Inoltre, da REACT Navigation, dobbiamo importare gli elementi del cassetto.
E anche di nuovo molto nativo.
Ho anche bisogno di vedere.
Con quello importato, passiamo al nostro componente di contenuto appena aggiunto.
E qui ora possiamo restituire una vista con uno stile flessibile.
Ovviamente puoi anche aggiungere un foglio di stile.
Aggiungerò solo uno stile in linea.
E a proposito, questo componente potrebbe, ovviamente, risiedere anche in un file separato.
Non deve essere creato al volo in questo autunno.
Ora, in questa vista, voglio avere una vista dell'area sicura e assicurarmi di aggiungere sempre l'inserzione di forza uguale
alla parte superiore.
Orizzontale.
Mai, e questo controlla solo come è strutturato.
E in quella vista dell'area sicura.
Ora dovresti aggiungere elementi per disegnare, un passaggio importante a quelli, perché questi sono gli elementi del cassetto predefiniti
che sono resi.
E quello dovrebbe essere ancora il caso.
E affinché siano configurati correttamente, è necessario passare oggetti di scena, che è alla fine passato e reagire alla
navigazione e mantiene tutti i contatti di sorteggio e così via.
E ora puoi aggiungere il tuo elemento di disegno extra qui.
E ci sarà questo pulsante, il pulsante nativo di reazione predefinito in cui dico disconnessione.
Dove voglio aggiungere un colore, diciamo, colori, punto primario e indossare sulla stampa.
Ora desidero inviare questa azione di disconnessione.
E ora avremo un grosso problema qui.
Come possiamo spedirci da qui?
Prima di tutto, se lo salvi, dovresti vederlo.
Quindi qui, se espandi il sorteggio, ecco il pulsante di logout.
Giusto.
Quindi funziona.
E, naturalmente, puoi modellare e posizionarti come chi vuoi.
E comunque, basta ricontrollare.
Possiamo vederlo anche su Android se eseguiamo l'accesso lì.
Qui nel cassetto, lo facciamo tutti dopo il logout.
Pulsante.
A proposito, potremmo voler aggiungere un po 'più di imbottitura nella parte superiore.
Ma come possiamo spedire tutto?
E aggiungerò un po 'di imbottitura extra qui.
Di 20.
Perché la vista della mia area di sicurezza funziona, ma lascia a malapena più spazio del necessario.
Quindi, per avere una spaziatura aggiuntiva, un po 'di imbottitura non può far male.
Penso che sia meglio.
Ma ancora una volta, come possiamo ora assicurarci di poter inviare un'azione qui?
Bene, questo è un componente di reazione, giusto?
Quindi, alla fine, possiamo semplicemente usare la spedizione qui.
Quindi possiamo importare.
Usa la spedizione qui.
Da React redux.
Quindi quello che abbiamo fatto prima e lo abbiamo usato qui, perché puoi usare questo hook in qualsiasi componente e questo è
solo un componente.
Quindi ogni anno prima del nostro ritorno è X.
Posso accedere alla mia funzione di invio con l'uso di invio e per ora abbiamo qui quando
premiamo questo pulsante, possiamo chiamare l'invio e inviare la nostra azione off per papà.
Certo, devi solo assicurarti di importarlo.
Quindi importa tutto dalle azioni dalla cartella del negozio, la cartella delle azioni fa tutti i file e ora usa tutte le
azioni per creare azioni morte qui.
Tutte le azioni memorizzate.
Disconnettersi.
Esci in questo modo.
E questo dovrebbe essere inviato all'azione di disconnessione.
Oltre a ciò, voglio anche andare via in modo che possiamo navigare tutti i punti di navigazione chiamati puntelli.
Sarà disponibile qui e tornerà allo schermo qui.
Quindi fondamentalmente a questo fuori schermo qui e il navigatore di commutazione.
Il nostro sorteggio fa parte dello Shop Navigator.
Quindi possiamo anche andare allo schermo fuori da lì.
Ora, quando spediamo il logout, voglio assicurarmi che anche nel riduttore stiamo facendo qualcosa.
Qui abbiamo il nostro creatore di azioni di logout.
Quindi nel riduttore e hai offerto all'utente voleva un nuovo caso per disconnettere il caso.
E per papà, dovresti assicurarti di importare l'identificatore di disconnessione.
E ovviamente qui è molto semplice.
Restituisco il mio stato iniziale, che alla fine significa che il token viene ripristinato e l'utente I. D. è ripristinato.
E ora proviamo questo.
Se torno qui e ora faccio clic su Disconnetti, sono di nuovo fuori dallo schermo, quindi funziona.
Proviamo anche su Android.
Fai clic su Esci qui, siamo tornati.
Quindi funziona.
Ci siamo quasi arrivati.
Ma dovremmo anche essere bloccati automaticamente se il token è scaduto perché ha una data di scadenza.
E in questo momento, non abbiamo scadenza automatica.