Maintenant, déconnectez-vous.
Nous avons besoin d'une nouvelle action, que nous pouvons envoyer.
Donc dans le fichier off, dans le dossier actions.
J'ajouterai un nouveau créateur d'action.
Est-ce vraiment important où vous avez ajouté j'ai ajouté là-bas et je l'exporte et le nomme déconnexion, ce qui ressemble à un nom
approprié pour moi.
Je n'attends aucun argument là-bas.
Mais j'ai besoin de l'identifiant d'action pour me déconnecter.
Nous pouvons donc ici exporter.
Déconnectez-vous des concerts avec la chaîne de déconnexion.
Et maintenant vous vous tenez là-bas.
Et dans ce créateur d'action, qui est un créateur d'action normal où je n'ai pas besoin d'envoyer de demandes
HTP ou quelque chose comme ça, je viens d'envoyer son action de déconnexion Yende où je crée cet objet d'action de
déconnexion.
Maintenant, nous pouvons utiliser papa.
Et je veux pouvoir me déconnecter avec l'aide du site, dessiner dans le site, dessiner.
Je veux avoir ce bouton de déconnexion.
Cela signifie que nous devons faire quelque chose que nous n'avons jamais fait auparavant.
Nous devons ajouter un nouveau bouton pour décider du tirage.
Jusqu'à présent, nous ajoutons uniquement les boutons créés automatiquement.
Mais ajouter votre propre contenu n'est pas trop difficile pour papa.
Allons dans le fichier Shop Navigator où nous avons configuré le tiroir.
C'est ici.
Et puis ici, en plus de mes options de contenu.
Vous pouvez également ajouter un composant de contenu ici.
Cela vous permet d'ajouter votre propre contenu pour décider ou à la place du contenu par défaut.
Maintenant, cela prend une fonction qui reçoit des accessoires car à la fin, c'est un composant React, que vous
ajoutez ici.
Donc, il obtient des accessoires et des déclarations de revenus, je suis J. S. X, et ils ont tous besoin de s'assurer que
vous importez réagir de réagir.
Et nous aurons tous besoin de quelques autres importations.
Nous devons également importer quelque chose à partir de React Native.
Et cela devrait être la vue de la zone de sécurité.
Et je veux également importer le bouton depuis REAC natif.
De plus, depuis REACT Navigation, nous devons importer les éléments du tiroir.
Et aussi très natif à nouveau.
J'ai aussi besoin de voir.
Avec cela importé, passons à notre composant de contenu nouvellement ajouté.
Et ici, nous pouvons maintenant retourner une vue avec un style de flex one.
Vous pouvez bien sûr également ajouter une feuille de style.
Je vais juste ajouter un style en ligne.
Et d'ailleurs, ce composant pourrait, bien sûr, également résider dans un fichier séparé.
Il n'est pas nécessaire de le créer à la volée cet automne.
Maintenant, dans cette vue, je veux avoir une vue de la zone de sécurité et assurez-vous d'ajouter toujours un insert de
force égal au sommet.
Horizontal.
Jamais, et cela contrôle simplement la façon dont il est disposé.
Et dans cette vue de zone sûre.
Vous devez maintenant ajouter des éléments pour dessiner, un élément de support important pour ceux-ci, car ce sont les éléments de tiroir par
défaut qui sont rendus.
Et cela devrait toujours être le cas.
Et pour qu'ils soient correctement configurés, vous devez passer des accessoires, qui sont finalement passés et par navigation de réaction
et qui détiennent tous vos contacts de dessin et ainsi de suite.
Et maintenant, vous pouvez ajouter votre propre élément de tirage supplémentaire ici.
Et il y aura ce bouton, le bouton natif de réaction par défaut où je dis déconnexion.
Où je veux ajouter une couleur, disons, de couleurs, de points primaires et d'usure à la presse.
Je veux maintenant envoyer cette action de déconnexion.
Et maintenant, nous aurons un énorme problème ici.
Comment pouvons-nous nous expédier d'ici?
Maintenant, tout d'abord, si vous enregistrez ceci, vous devriez le voir.
Alors ici, si vous développez le tirage, voici le bouton de déconnexion.
Droite.
Donc ça marche.
Et, bien sûr, vous pouvez styliser et vous positionner comme vous voulez.
Et au fait, vérifiez simplement.
Nous pouvons également le voir sur Android si nous nous y connectons.
Ici, dans le tiroir, nous le faisons tous après la déconnexion.
Bouton.
Au fait, nous pourrions vouloir ajouter un peu plus de rembourrage sur le dessus.
Mais comment pouvons-nous tout expédier?
Et je vais ajouter un rembourrage supplémentaire ici.
De 20.
Parce que ma vue de zone de sécurité fonctionne, mais elle laisse à peine plus d'espacement que ce dont j'ai besoin.
Donc, pour avoir un espacement supplémentaire, un peu de rembourrage ne peut pas faire de mal.
Je pense que c'est mieux.
Mais encore une fois, comment pouvons-nous maintenant nous assurer que nous pouvons envoyer une action ici?
Eh bien, c'est un composant React, non?
Donc, au final, nous pouvons simplement utiliser l'expédition ici.
Nous pouvons donc importer.
Utilisez l'expédition ici.
De React redux.
Donc, ce que nous avons fait avant et utilisé ici, car vous pouvez utiliser ce crochet sur n'importe quel composant et ce
n'est qu'un composant.
Donc, chaque année avant notre retour est X.
Je peux accéder à ma fonction de répartition avec use dispatch et pour l'instant ici lorsque nous appuyons
sur ce bouton, nous pouvons appeler dispatch et répartir notre action off pour papa.
Bien sûr, il vous suffit de vous assurer que vous l'importez.
Donc, importez tout à partir des actions du dossier de stockage, le dossier d'actions fait tout le fichier et utilise maintenant toutes les actions
pour créer une action morte ici.
Toute l'action stockée.
Se déconnecter.
Déconnectez-vous comme ceci.
Et cela devrait être envoyé à l'action de déconnexion.
En plus de cela, je veux également m'éloigner afin que nous puissions naviguer tous les points de navigation des accessoires appelés.
Celui-ci sera disponible ici et reviendra à l'écran éteint ici.
Donc, fondamentalement, sur cet écran hors ligne ici et le navigateur de commutation.
Notre tirage fait partie du Shop Navigator.
Nous pouvons donc également aller à l'écran hors de là.
Maintenant, lorsque nous envoyons la déconnexion, je veux m'assurer que dans le réducteur, nous faisons également quelque chose.
Nous avons ici notre créateur d'action de déconnexion.
Donc, dans le réducteur et vous avez proposé à l'utilisateur de vouloir un nouveau boîtier pour se déconnecter.
Et pour papa, vous devez vous assurer que vous importez l'identifiant de déconnexion.
Et bien sûr, ici c'est très simple.
Je retourne mon état initial, ce qui signifie à la fin que le jeton est réinitialisé et que l'utilisateur I. RÉ. est réinitialisé.
Et maintenant, essayons.
Si je reviens ici et que je clique maintenant sur Déconnexion, je suis de retour sur l'écran éteint, donc ça marche.
Essayons également sur Android.
Cliquez sur Déconnexion ici, nous sommes de retour.
Donc ça marche.
Nous y sommes presque arrivés avec ça.
Mais nous devons également être verrouillés automatiquement si le jeton a expiré car il a une date d'expiration.
Et pour l'instant, nous n'avons pas d'expiration automatique.