Agora para sair.
Precisamos de uma nova ação, que possamos despachar.
Então, no arquivo off, na pasta actions.
Vou adicionar um novo criador de ação.
Realmente importa onde você adicionou eu adicionei lá em baixo e exporto e nomeio logout, o que soa como um nome
adequado para mim.
Não espero argumentos por lá.
E eu preciso do identificador de ação para sair, no entanto.
Então aqui podemos exportar.
Logout do concerto com a sequência de logout.
E agora você fica lá em baixo.
E neste criador de ações, que é um criador de ações normal para o qual não preciso enviar
nenhuma solicitação HTP ou algo parecido, acabei de enviar sua ação de logout Yende, onde crio esse objeto de ação de
logout.
Agora podemos usar o pai.
E eu quero poder sair com a ajuda do site, desenhar no site, desenhar.
Quero ter esse botão de logout.
Isso significa que precisamos fazer algo que não fizemos antes.
Precisamos adicionar um novo botão para decidir o sorteio.
Até o momento, apenas adicionamos os botões criados automaticamente.
Mas adicionar seu próprio conteúdo não é muito difícil para o pai.
Vamos para o arquivo Shop Navigator, onde montamos a gaveta.
Aqui está.
E então aqui, além das minhas opções de conteúdo.
Você também pode adicionar um componente de conteúdo aqui.
Isso permite que você adicione seu próprio conteúdo para decidir ou em vez do conteúdo padrão.
Agora, isso requer uma função que recebe adereços, porque no final, este é um componente de reação, que você
adiciona aqui.
Então ele recebe adereços e retorna impostos, eu sou o J. S. X, e todos precisam ter certeza de que você
está importando reagir de reagir.
E todos precisaremos de algumas outras importações.
Também precisamos importar algo do reagir nativo.
E essa deve ser a visão da área segura.
E também quero importar o botão do REAC nativo.
Além disso, no REACT Navigation, precisamos importar os itens da gaveta.
E também muito nativo novamente.
Eu também preciso ver.
Com isso importado, vamos ao nosso componente de conteúdo recém-adicionado.
E aqui podemos agora retornar uma visualização com um estilo de flex one.
Obviamente, você também pode adicionar uma folha de estilos.
Vou apenas adicionar um estilo embutido.
E, a propósito, esse componente também poderia, é claro, residir em um arquivo separado.
Não precisa ser criado em tempo real neste outono.
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
inserção igual à superior.
Horizontal.
Nunca, e isso apenas controla como é apresentado.
E nessa área segura.
Agora você deve adicionar aos itens de desenho, um passe importante para eles, porque esses são os itens de gaveta padrão
que são renderizados.
E esse ainda deve ser o caso.
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
e mantém todos os seus contatos de desenho e assim por diante.
E agora você pode adicionar seu próprio item extra aqui.
E haverá esse botão, o botão nativo de reação padrão, onde digo logout.
Onde eu quero adicionar uma cor, digamos, cores, ponto primário e desgaste na impressora.
Agora eu quero despachar esta ação de logout.
E agora teremos um grande problema aqui.
Como podemos nos despachar daqui?
Agora, antes de tudo, se você salvar isso, deverá ver isso.
Então aqui, se você expandir o sorteio, aqui está o botão de logout.
Direita.
Então isso funciona.
E, é claro, você pode estilizar e posicionar como quem quiser.
E, a propósito, apenas verifique.
Também podemos ver isso no Android se fizermos login lá.
Aqui na gaveta, todos fazemos após o logout.
Botão.
A propósito, podemos adicionar um pouco mais de preenchimento na parte superior.
Mas como podemos despachar tudo?
E vou adicionar um preenchimento extra aqui.
De 20.
Porque minha visualização de área segura funciona, mas mal deixa mais espaçamento do que eu preciso.
Portanto, para ter um espaçamento extra, um pouco de preenchimento não pode doer.
Eu acho que é melhor.
Mas, novamente, como podemos garantir que podemos despachar uma ação aqui?
Bem, este é um componente de reação, certo?
Portanto, no final, podemos simplesmente usar o envio aqui.
Para que possamos importar.
Use a expedição aqui.
Do React redux.
Então, o que fizemos antes e o usamos aqui, porque você pode usar esse gancho em qualquer componente e este é
apenas um componente.
Portanto, qualquer ano antes de retornarmos é X.
Posso ter acesso à minha função de despacho com o uso de despacho e, por enquanto, aqui,
quando pressionamos esse botão, podemos chamar despacho e despachar nossa ação fora do pai.
Obviamente, você só precisa ter certeza de que está importando.
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
ações para criar ações inativas aqui.
Toda a ação armazenada.
Sair.
Saia assim.
E isso deve ser enviado para a ação de logout.
Além disso, também quero navegar para que todos os pontos de navegação chamados adereços possam navegar.
Isso estará disponível aqui e voltará para a tela desativada aqui.
Então, basicamente, para esta tela fora daqui e para o switch switch.
Nosso sorteio faz parte do Shop Navigator.
Então também podemos ir para a tela fora de lá.
Agora, quando despacharmos o logout, quero ter certeza de que no redutor também estamos fazendo alguma coisa.
Temos nosso criador de ações de logout aqui.
Então, no redutor e você ofereceu que o usuário queria um novo caso para sair do caso.
E para o pai, verifique se está importando o identificador de logout.
E, claro, aqui é muito simples.
Retorno meu estado inicial, o que no final significa que o token é redefinido e o usuário I. D. é redefinido.
E agora vamos tentar.
Se eu voltar aqui e agora clicar em sair, volto para a tela desligada, para que funcione.
Vamos também tentar no Android.
Clique em Sair aqui, estamos de volta.
Então, isso está funcionando.
Estamos quase lá com isso.
Mas também devemos ser bloqueados automaticamente se o token expirar porque tem data de validade.
E, no momento, não temos validade automática.