1
00:00:02,280 --> 00:00:03,340
Ora per disconnettersi.

2
00:00:04,290 --> 00:00:06,840
Abbiamo bisogno di una nuova azione, che possiamo inviare.

3
00:00:07,230 --> 00:00:10,140
Quindi nel file off, nella cartella actions.

4
00:00:11,760 --> 00:00:14,020
Aggiungerò un nuovo creatore di azioni.

5
00:00:14,050 --> 00:00:21,610
Importa davvero dove hai aggiunto che ho aggiunto laggiù e lo esporto e lo chiamo logout, che suona come un nome

6
00:00:22,300 --> 00:00:23,650
adatto per me.

7
00:00:26,330 --> 00:00:27,710
Non mi aspetto discussioni lì.

8
00:00:28,250 --> 00:00:31,180
E ho bisogno dell'identificatore di azione per disconnettersi, però.

9
00:00:31,220 --> 00:00:33,410
Quindi qui possiamo esportare.

10
00:00:36,310 --> 00:00:40,030
Disconnessione del concerto con la stringa di disconnessione.

11
00:00:41,300 --> 00:00:42,850
E ora ti trovi lì.

12
00:00:43,270 --> 00:00:48,510
E in questo creatore di azioni, che è un normale creatore di azioni in cui non ho bisogno di inviare

13
00:00:48,520 --> 00:00:54,460
richieste HTP o cose del genere, ho appena inviato la sua azione di disconnessione Yende dove creo questo oggetto di azione di

14
00:00:54,460 --> 00:00:55,000
disconnessione.

15
00:00:57,410 --> 00:00:58,520
Ora possiamo usare papà.

16
00:00:59,540 --> 00:01:04,130
E voglio essere in grado di disconnettersi con l'aiuto del sito, disegnare nel sito, disegnare.

17
00:01:04,190 --> 00:01:06,590
Voglio avere questo pulsante di disconnessione.

18
00:01:06,860 --> 00:01:09,650
Ciò significa che dobbiamo fare qualcosa che non abbiamo mai fatto prima.

19
00:01:10,460 --> 00:01:13,210
Dobbiamo aggiungere un nuovo pulsante per decidere il sorteggio.

20
00:01:13,370 --> 00:01:16,030
Finora, aggiungiamo solo i pulsanti creati automaticamente.

21
00:01:17,850 --> 00:01:21,470
Ma aggiungere i tuoi contenuti non è troppo difficile per papà.

22
00:01:21,540 --> 00:01:24,410
Andiamo al file Shop Navigator in cui abbiamo impostato il cassetto.

23
00:01:25,080 --> 00:01:25,740
Ecco qui.

24
00:01:27,560 --> 00:01:30,800
E poi qui, oltre alle mie opzioni di contenuto.

25
00:01:31,800 --> 00:01:34,770
Puoi anche aggiungere un componente di contenuto qui.

26
00:01:36,290 --> 00:01:41,630
Ciò consente di aggiungere il proprio contenuto per il decisore o invece del contenuto predefinito.

27
00:01:42,320 --> 00:01:46,790
Ora questa prende una funzione che riceve oggetti di scena perché alla fine, questo è un componente di reazione, che

28
00:01:46,790 --> 00:01:47,450
aggiungi qui.

29
00:01:48,850 --> 00:01:54,280
Quindi ottiene oggetti di scena e dichiarazioni dei redditi, sono J. S. X, e tutti devono assicurarsi che stai importando

30
00:01:54,280 --> 00:01:55,300
reagire da reagire.

31
00:01:55,690 --> 00:01:57,670
E avremo tutti bisogno di un paio di altre importazioni.

32
00:01:58,960 --> 00:02:01,250
Dobbiamo anche importare qualcosa da reagire nativo.

33
00:02:01,270 --> 00:02:03,160
E quella dovrebbe essere la vista dell'area sicura.

34
00:02:04,580 --> 00:02:09,380
E voglio anche importare il pulsante da REAC nativo.

35
00:02:11,000 --> 00:02:16,550
Inoltre, da REACT Navigation, dobbiamo importare gli elementi del cassetto.

36
00:02:18,060 --> 00:02:20,080
E anche di nuovo molto nativo.

37
00:02:20,340 --> 00:02:21,300
Ho anche bisogno di vedere.

38
00:02:22,960 --> 00:02:27,970
Con quello importato, passiamo al nostro componente di contenuto appena aggiunto.

39
00:02:28,930 --> 00:02:35,140
E qui ora possiamo restituire una vista con uno stile flessibile.

40
00:02:35,470 --> 00:02:36,940
Ovviamente puoi anche aggiungere un foglio di stile.

41
00:02:36,970 --> 00:02:38,950
Aggiungerò solo uno stile in linea.

42
00:02:39,130 --> 00:02:42,860
E a proposito, questo componente potrebbe, ovviamente, risiedere anche in un file separato.

43
00:02:42,880 --> 00:02:45,850
Non deve essere creato al volo in questo autunno.

44
00:02:47,620 --> 00:02:55,870
Ora, in questa vista, voglio avere una vista dell'area sicura e assicurarmi di aggiungere sempre l'inserzione di forza uguale

45
00:02:56,710 --> 00:02:58,540
alla parte superiore.

46
00:02:59,890 --> 00:03:01,060
Orizzontale.

47
00:03:01,510 --> 00:03:03,970
Mai, e questo controlla solo come è strutturato.

48
00:03:05,330 --> 00:03:07,620
E in quella vista dell'area sicura.

49
00:03:08,850 --> 00:03:16,020
Ora dovresti aggiungere elementi per disegnare, un passaggio importante a quelli, perché questi sono gli elementi del cassetto predefiniti

50
00:03:16,020 --> 00:03:17,400
che sono resi.

51
00:03:17,450 --> 00:03:18,780
E quello dovrebbe essere ancora il caso.

52
00:03:19,200 --> 00:03:24,850
E affinché siano configurati correttamente, è necessario passare oggetti di scena, che è alla fine passato e reagire alla

53
00:03:24,850 --> 00:03:28,410
navigazione e mantiene tutti i contatti di sorteggio e così via.

54
00:03:29,040 --> 00:03:31,680
E ora puoi aggiungere il tuo elemento di disegno extra qui.

55
00:03:32,130 --> 00:03:37,510
E ci sarà questo pulsante, il pulsante nativo di reazione predefinito in cui dico disconnessione.

56
00:03:38,510 --> 00:03:45,580
Dove voglio aggiungere un colore, diciamo, colori, punto primario e indossare sulla stampa.

57
00:03:45,640 --> 00:03:48,100
Ora desidero inviare questa azione di disconnessione.

58
00:03:49,640 --> 00:03:51,440
E ora avremo un grosso problema qui.

59
00:03:52,220 --> 00:03:54,160
Come possiamo spedirci da qui?

60
00:03:54,400 --> 00:03:56,870
Prima di tutto, se lo salvi, dovresti vederlo.

61
00:03:56,900 --> 00:04:00,050
Quindi qui, se espandi il sorteggio, ecco il pulsante di logout.

62
00:04:00,140 --> 00:04:00,350
Giusto.

63
00:04:00,380 --> 00:04:01,220
Quindi funziona.

64
00:04:01,460 --> 00:04:04,250
E, naturalmente, puoi modellare e posizionarti come chi vuoi.

65
00:04:06,680 --> 00:04:08,400
E comunque, basta ricontrollare.

66
00:04:08,420 --> 00:04:11,540
Possiamo vederlo anche su Android se eseguiamo l'accesso lì.

67
00:04:16,210 --> 00:04:18,580
Qui nel cassetto, lo facciamo tutti dopo il logout.

68
00:04:20,120 --> 00:04:20,540
Pulsante.

69
00:04:22,280 --> 00:04:25,840
A proposito, potremmo voler aggiungere un po 'più di imbottitura nella parte superiore.

70
00:04:27,800 --> 00:04:29,590
Ma come possiamo spedire tutto?

71
00:04:29,750 --> 00:04:32,120
E aggiungerò un po 'di imbottitura extra qui.

72
00:04:34,060 --> 00:04:34,990
Di 20.

73
00:04:38,300 --> 00:04:43,520
Perché la vista della mia area di sicurezza funziona, ma lascia a malapena più spazio del necessario.

74
00:04:43,790 --> 00:04:48,110
Quindi, per avere una spaziatura aggiuntiva, un po 'di imbottitura non può far male.

75
00:04:50,880 --> 00:04:51,750
Penso che sia meglio.

76
00:04:52,260 --> 00:04:56,010
Ma ancora una volta, come possiamo ora assicurarci di poter inviare un'azione qui?

77
00:04:57,360 --> 00:04:59,210
Bene, questo è un componente di reazione, giusto?

78
00:04:59,880 --> 00:05:03,570
Quindi, alla fine, possiamo semplicemente usare la spedizione qui.

79
00:05:05,770 --> 00:05:07,060
Quindi possiamo importare.

80
00:05:09,150 --> 00:05:10,530
Usa la spedizione qui.

81
00:05:11,620 --> 00:05:13,150
Da React redux.

82
00:05:13,240 --> 00:05:19,210
Quindi quello che abbiamo fatto prima e lo abbiamo usato qui, perché puoi usare questo hook in qualsiasi componente e questo è

83
00:05:19,210 --> 00:05:20,260
solo un componente.

84
00:05:22,250 --> 00:05:24,540
Quindi ogni anno prima del nostro ritorno è X.

85
00:05:24,830 --> 00:05:30,920
Posso accedere alla mia funzione di invio con l'uso di invio e per ora abbiamo qui quando

86
00:05:30,920 --> 00:05:36,020
premiamo questo pulsante, possiamo chiamare l'invio e inviare la nostra azione off per papà.

87
00:05:36,050 --> 00:05:38,090
Certo, devi solo assicurarti di importarlo.

88
00:05:38,810 --> 00:05:49,330
Quindi importa tutto dalle azioni dalla cartella del negozio, la cartella delle azioni fa tutti i file e ora usa tutte le

89
00:05:49,330 --> 00:05:52,400
azioni per creare azioni morte qui.

90
00:05:52,430 --> 00:05:53,410
Tutte le azioni memorizzate.

91
00:05:53,420 --> 00:05:54,200
Disconnettersi.

92
00:05:54,560 --> 00:05:55,780
Esci in questo modo.

93
00:05:57,230 --> 00:05:59,160
E questo dovrebbe essere inviato all'azione di disconnessione.

94
00:05:59,700 --> 00:06:05,860
Oltre a ciò, voglio anche andare via in modo che possiamo navigare tutti i punti di navigazione chiamati puntelli.

95
00:06:06,240 --> 00:06:10,440
Sarà disponibile qui e tornerà allo schermo qui.

96
00:06:11,190 --> 00:06:14,580
Quindi fondamentalmente a questo fuori schermo qui e il navigatore di commutazione.

97
00:06:14,900 --> 00:06:17,050
Il nostro sorteggio fa parte dello Shop Navigator.

98
00:06:17,250 --> 00:06:19,770
Quindi possiamo anche andare allo schermo fuori da lì.

99
00:06:21,540 --> 00:06:26,850
Ora, quando spediamo il logout, voglio assicurarmi che anche nel riduttore stiamo facendo qualcosa.

100
00:06:27,240 --> 00:06:30,660
Qui abbiamo il nostro creatore di azioni di logout.

101
00:06:30,930 --> 00:06:35,720
Quindi nel riduttore e hai offerto all'utente voleva un nuovo caso per disconnettere il caso.

102
00:06:35,750 --> 00:06:39,060
E per papà, dovresti assicurarti di importare l'identificatore di disconnessione.

103
00:06:39,900 --> 00:06:41,380
E ovviamente qui è molto semplice.

104
00:06:41,400 --> 00:06:46,440
Restituisco il mio stato iniziale, che alla fine significa che il token viene ripristinato e l'utente I. D. è ripristinato.

105
00:06:48,300 --> 00:06:49,510
E ora proviamo questo.

106
00:06:49,540 --> 00:06:56,050
Se torno qui e ora faccio clic su Disconnetti, sono di nuovo fuori dallo schermo, quindi funziona.

107
00:06:56,350 --> 00:06:58,180
Proviamo anche su Android.

108
00:07:01,330 --> 00:07:03,790
Fai clic su Esci qui, siamo tornati.

109
00:07:04,480 --> 00:07:05,470
Quindi funziona.

110
00:07:06,250 --> 00:07:07,930
Ci siamo quasi arrivati.

111
00:07:08,650 --> 00:07:15,640
Ma dovremmo anche essere bloccati automaticamente se il token è scaduto perché ha una data di scadenza.

112
00:07:15,820 --> 00:07:18,250
E in questo momento, non abbiamo scadenza automatica.