1
00:00:02,280 --> 00:00:03,340
Agora para sair.

2
00:00:04,290 --> 00:00:06,840
Precisamos de uma nova ação, que possamos despachar.

3
00:00:07,230 --> 00:00:10,140
Então, no arquivo off, na pasta actions.

4
00:00:11,760 --> 00:00:14,020
Vou adicionar um novo criador de ação.

5
00:00:14,050 --> 00:00:21,610
Realmente importa onde você adicionou eu adicionei lá em baixo e exporto e nomeio logout, o que soa como um nome

6
00:00:22,300 --> 00:00:23,650
adequado para mim.

7
00:00:26,330 --> 00:00:27,710
Não espero argumentos por lá.

8
00:00:28,250 --> 00:00:31,180
E eu preciso do identificador de ação para sair, no entanto.

9
00:00:31,220 --> 00:00:33,410
Então aqui podemos exportar.

10
00:00:36,310 --> 00:00:40,030
Logout do concerto com a sequência de logout.

11
00:00:41,300 --> 00:00:42,850
E agora você fica lá em baixo.

12
00:00:43,270 --> 00:00:48,510
E neste criador de ações, que é um criador de ações normal para o qual não preciso enviar

13
00:00:48,520 --> 00:00:54,460
nenhuma solicitação HTP ou algo parecido, acabei de enviar sua ação de logout Yende, onde crio esse objeto de ação de

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

15
00:00:57,410 --> 00:00:58,520
Agora podemos usar o pai.

16
00:00:59,540 --> 00:01:04,130
E eu quero poder sair com a ajuda do site, desenhar no site, desenhar.

17
00:01:04,190 --> 00:01:06,590
Quero ter esse botão de logout.

18
00:01:06,860 --> 00:01:09,650
Isso significa que precisamos fazer algo que não fizemos antes.

19
00:01:10,460 --> 00:01:13,210
Precisamos adicionar um novo botão para decidir o sorteio.

20
00:01:13,370 --> 00:01:16,030
Até o momento, apenas adicionamos os botões criados automaticamente.

21
00:01:17,850 --> 00:01:21,470
Mas adicionar seu próprio conteúdo não é muito difícil para o pai.

22
00:01:21,540 --> 00:01:24,410
Vamos para o arquivo Shop Navigator, onde montamos a gaveta.

23
00:01:25,080 --> 00:01:25,740
Aqui está.

24
00:01:27,560 --> 00:01:30,800
E então aqui, além das minhas opções de conteúdo.

25
00:01:31,800 --> 00:01:34,770
Você também pode adicionar um componente de conteúdo aqui.

26
00:01:36,290 --> 00:01:41,630
Isso permite que você adicione seu próprio conteúdo para decidir ou em vez do conteúdo padrão.

27
00:01:42,320 --> 00:01:46,790
Agora, isso requer uma função que recebe adereços, porque no final, este é um componente de reação, que você

28
00:01:46,790 --> 00:01:47,450
adiciona aqui.

29
00:01:48,850 --> 00:01:54,280
Então ele recebe adereços e retorna impostos, eu sou o J. S. X, e todos precisam ter certeza de que você

30
00:01:54,280 --> 00:01:55,300
está importando reagir de reagir.

31
00:01:55,690 --> 00:01:57,670
E todos precisaremos de algumas outras importações.

32
00:01:58,960 --> 00:02:01,250
Também precisamos importar algo do reagir nativo.

33
00:02:01,270 --> 00:02:03,160
E essa deve ser a visão da área segura.

34
00:02:04,580 --> 00:02:09,380
E também quero importar o botão do REAC nativo.

35
00:02:11,000 --> 00:02:16,550
Além disso, no REACT Navigation, precisamos importar os itens da gaveta.

36
00:02:18,060 --> 00:02:20,080
E também muito nativo novamente.

37
00:02:20,340 --> 00:02:21,300
Eu também preciso ver.

38
00:02:22,960 --> 00:02:27,970
Com isso importado, vamos ao nosso componente de conteúdo recém-adicionado.

39
00:02:28,930 --> 00:02:35,140
E aqui podemos agora retornar uma visualização com um estilo de flex one.

40
00:02:35,470 --> 00:02:36,940
Obviamente, você também pode adicionar uma folha de estilos.

41
00:02:36,970 --> 00:02:38,950
Vou apenas adicionar um estilo embutido.

42
00:02:39,130 --> 00:02:42,860
E, a propósito, esse componente também poderia, é claro, residir em um arquivo separado.

43
00:02:42,880 --> 00:02:45,850
Não precisa ser criado em tempo real neste outono.

44
00:02:47,620 --> 00:02:55,870
Agora, nesta visão, quero ter uma visão de área segura e não se esqueça de adicionar sempre a força de

45
00:02:56,710 --> 00:02:58,540
inserção igual à superior.

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

47
00:03:01,510 --> 00:03:03,970
Nunca, e isso apenas controla como é apresentado.

48
00:03:05,330 --> 00:03:07,620
E nessa área segura.

49
00:03:08,850 --> 00:03:16,020
Agora você deve adicionar aos itens de desenho, um passe importante para eles, porque esses são os itens de gaveta padrão

50
00:03:16,020 --> 00:03:17,400
que são renderizados.

51
00:03:17,450 --> 00:03:18,780
E esse ainda deve ser o caso.

52
00:03:19,200 --> 00:03:24,850
E para que eles sejam configurados corretamente, é necessário passar adereços, que no final são passados e pela navegação de reação

53
00:03:24,850 --> 00:03:28,410
e mantém todos os seus contatos de desenho e assim por diante.

54
00:03:29,040 --> 00:03:31,680
E agora você pode adicionar seu próprio item extra aqui.

55
00:03:32,130 --> 00:03:37,510
E haverá esse botão, o botão nativo de reação padrão, onde digo logout.

56
00:03:38,510 --> 00:03:45,580
Onde eu quero adicionar uma cor, digamos, cores, ponto primário e desgaste na impressora.

57
00:03:45,640 --> 00:03:48,100
Agora eu quero despachar esta ação de logout.

58
00:03:49,640 --> 00:03:51,440
E agora teremos um grande problema aqui.

59
00:03:52,220 --> 00:03:54,160
Como podemos nos despachar daqui?

60
00:03:54,400 --> 00:03:56,870
Agora, antes de tudo, se você salvar isso, deverá ver isso.

61
00:03:56,900 --> 00:04:00,050
Então aqui, se você expandir o sorteio, aqui está o botão de logout.

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

63
00:04:00,380 --> 00:04:01,220
Então isso funciona.

64
00:04:01,460 --> 00:04:04,250
E, é claro, você pode estilizar e posicionar como quem quiser.

65
00:04:06,680 --> 00:04:08,400
E, a propósito, apenas verifique.

66
00:04:08,420 --> 00:04:11,540
Também podemos ver isso no Android se fizermos login lá.

67
00:04:16,210 --> 00:04:18,580
Aqui na gaveta, todos fazemos após o logout.

68
00:04:20,120 --> 00:04:20,540
Botão.

69
00:04:22,280 --> 00:04:25,840
A propósito, podemos adicionar um pouco mais de preenchimento na parte superior.

70
00:04:27,800 --> 00:04:29,590
Mas como podemos despachar tudo?

71
00:04:29,750 --> 00:04:32,120
E vou adicionar um preenchimento extra aqui.

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

73
00:04:38,300 --> 00:04:43,520
Porque minha visualização de área segura funciona, mas mal deixa mais espaçamento do que eu preciso.

74
00:04:43,790 --> 00:04:48,110
Portanto, para ter um espaçamento extra, um pouco de preenchimento não pode doer.

75
00:04:50,880 --> 00:04:51,750
Eu acho que é melhor.

76
00:04:52,260 --> 00:04:56,010
Mas, novamente, como podemos garantir que podemos despachar uma ação aqui?

77
00:04:57,360 --> 00:04:59,210
Bem, este é um componente de reação, certo?

78
00:04:59,880 --> 00:05:03,570
Portanto, no final, podemos simplesmente usar o envio aqui.

79
00:05:05,770 --> 00:05:07,060
Para que possamos importar.

80
00:05:09,150 --> 00:05:10,530
Use a expedição aqui.

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

82
00:05:13,240 --> 00:05:19,210
Então, o que fizemos antes e o usamos aqui, porque você pode usar esse gancho em qualquer componente e este é

83
00:05:19,210 --> 00:05:20,260
apenas um componente.

84
00:05:22,250 --> 00:05:24,540
Portanto, qualquer ano antes de retornarmos é X.

85
00:05:24,830 --> 00:05:30,920
Posso ter acesso à minha função de despacho com o uso de despacho e, por enquanto, aqui,

86
00:05:30,920 --> 00:05:36,020
quando pressionamos esse botão, podemos chamar despacho e despachar nossa ação fora do pai.

87
00:05:36,050 --> 00:05:38,090
Obviamente, você só precisa ter certeza de que está importando.

88
00:05:38,810 --> 00:05:49,330
Portanto, importe tudo a partir das ações da pasta de armazenamento, a pasta de ações arquiva todos os arquivos e agora usa todas as

89
00:05:49,330 --> 00:05:52,400
ações para criar ações inativas aqui.

90
00:05:52,430 --> 00:05:53,410
Toda a ação armazenada.

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

92
00:05:54,560 --> 00:05:55,780
Saia assim.

93
00:05:57,230 --> 00:05:59,160
E isso deve ser enviado para a ação de logout.

94
00:05:59,700 --> 00:06:05,860
Além disso, também quero navegar para que todos os pontos de navegação chamados adereços possam navegar.

95
00:06:06,240 --> 00:06:10,440
Isso estará disponível aqui e voltará para a tela desativada aqui.

96
00:06:11,190 --> 00:06:14,580
Então, basicamente, para esta tela fora daqui e para o switch switch.

97
00:06:14,900 --> 00:06:17,050
Nosso sorteio faz parte do Shop Navigator.

98
00:06:17,250 --> 00:06:19,770
Então também podemos ir para a tela fora de lá.

99
00:06:21,540 --> 00:06:26,850
Agora, quando despacharmos o logout, quero ter certeza de que no redutor também estamos fazendo alguma coisa.

100
00:06:27,240 --> 00:06:30,660
Temos nosso criador de ações de logout aqui.

101
00:06:30,930 --> 00:06:35,720
Então, no redutor e você ofereceu que o usuário queria um novo caso para sair do caso.

102
00:06:35,750 --> 00:06:39,060
E para o pai, verifique se está importando o identificador de logout.

103
00:06:39,900 --> 00:06:41,380
E, claro, aqui é muito simples.

104
00:06:41,400 --> 00:06:46,440
Retorno meu estado inicial, o que no final significa que o token é redefinido e o usuário I. D. é redefinido.

105
00:06:48,300 --> 00:06:49,510
E agora vamos tentar.

106
00:06:49,540 --> 00:06:56,050
Se eu voltar aqui e agora clicar em sair, volto para a tela desligada, para que funcione.

107
00:06:56,350 --> 00:06:58,180
Vamos também tentar no Android.

108
00:07:01,330 --> 00:07:03,790
Clique em Sair aqui, estamos de volta.

109
00:07:04,480 --> 00:07:05,470
Então, isso está funcionando.

110
00:07:06,250 --> 00:07:07,930
Estamos quase lá com isso.

111
00:07:08,650 --> 00:07:15,640
Mas também devemos ser bloqueados automaticamente se o token expirar porque tem data de validade.

112
00:07:15,820 --> 00:07:18,250
E, no momento, não temos validade automática.