1
00:00:02,280 --> 00:00:03,340
Maintenant, déconnectez-vous.

2
00:00:04,290 --> 00:00:06,840
Nous avons besoin d'une nouvelle action, que nous pouvons envoyer.

3
00:00:07,230 --> 00:00:10,140
Donc dans le fichier off, dans le dossier actions.

4
00:00:11,760 --> 00:00:14,020
J'ajouterai un nouveau créateur d'action.

5
00:00:14,050 --> 00:00:21,610
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

6
00:00:22,300 --> 00:00:23,650
approprié pour moi.

7
00:00:26,330 --> 00:00:27,710
Je n'attends aucun argument là-bas.

8
00:00:28,250 --> 00:00:31,180
Mais j'ai besoin de l'identifiant d'action pour me déconnecter.

9
00:00:31,220 --> 00:00:33,410
Nous pouvons donc ici exporter.

10
00:00:36,310 --> 00:00:40,030
Déconnectez-vous des concerts avec la chaîne de déconnexion.

11
00:00:41,300 --> 00:00:42,850
Et maintenant vous vous tenez là-bas.

12
00:00:43,270 --> 00:00:48,510
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

13
00:00:48,520 --> 00:00:54,460
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

14
00:00:54,460 --> 00:00:55,000
déconnexion.

15
00:00:57,410 --> 00:00:58,520
Maintenant, nous pouvons utiliser papa.

16
00:00:59,540 --> 00:01:04,130
Et je veux pouvoir me déconnecter avec l'aide du site, dessiner dans le site, dessiner.

17
00:01:04,190 --> 00:01:06,590
Je veux avoir ce bouton de déconnexion.

18
00:01:06,860 --> 00:01:09,650
Cela signifie que nous devons faire quelque chose que nous n'avons jamais fait auparavant.

19
00:01:10,460 --> 00:01:13,210
Nous devons ajouter un nouveau bouton pour décider du tirage.

20
00:01:13,370 --> 00:01:16,030
Jusqu'à présent, nous ajoutons uniquement les boutons créés automatiquement.

21
00:01:17,850 --> 00:01:21,470
Mais ajouter votre propre contenu n'est pas trop difficile pour papa.

22
00:01:21,540 --> 00:01:24,410
Allons dans le fichier Shop Navigator où nous avons configuré le tiroir.

23
00:01:25,080 --> 00:01:25,740
C'est ici.

24
00:01:27,560 --> 00:01:30,800
Et puis ici, en plus de mes options de contenu.

25
00:01:31,800 --> 00:01:34,770
Vous pouvez également ajouter un composant de contenu ici.

26
00:01:36,290 --> 00:01:41,630
Cela vous permet d'ajouter votre propre contenu pour décider ou à la place du contenu par défaut.

27
00:01:42,320 --> 00:01:46,790
Maintenant, cela prend une fonction qui reçoit des accessoires car à la fin, c'est un composant React, que vous

28
00:01:46,790 --> 00:01:47,450
ajoutez ici.

29
00:01:48,850 --> 00:01:54,280
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

30
00:01:54,280 --> 00:01:55,300
vous importez réagir de réagir.

31
00:01:55,690 --> 00:01:57,670
Et nous aurons tous besoin de quelques autres importations.

32
00:01:58,960 --> 00:02:01,250
Nous devons également importer quelque chose à partir de React Native.

33
00:02:01,270 --> 00:02:03,160
Et cela devrait être la vue de la zone de sécurité.

34
00:02:04,580 --> 00:02:09,380
Et je veux également importer le bouton depuis REAC natif.

35
00:02:11,000 --> 00:02:16,550
De plus, depuis REACT Navigation, nous devons importer les éléments du tiroir.

36
00:02:18,060 --> 00:02:20,080
Et aussi très natif à nouveau.

37
00:02:20,340 --> 00:02:21,300
J'ai aussi besoin de voir.

38
00:02:22,960 --> 00:02:27,970
Avec cela importé, passons à notre composant de contenu nouvellement ajouté.

39
00:02:28,930 --> 00:02:35,140
Et ici, nous pouvons maintenant retourner une vue avec un style de flex one.

40
00:02:35,470 --> 00:02:36,940
Vous pouvez bien sûr également ajouter une feuille de style.

41
00:02:36,970 --> 00:02:38,950
Je vais juste ajouter un style en ligne.

42
00:02:39,130 --> 00:02:42,860
Et d'ailleurs, ce composant pourrait, bien sûr, également résider dans un fichier séparé.

43
00:02:42,880 --> 00:02:45,850
Il n'est pas nécessaire de le créer à la volée cet automne.

44
00:02:47,620 --> 00:02:55,870
Maintenant, dans cette vue, je veux avoir une vue de la zone de sécurité et assurez-vous d'ajouter toujours un insert de

45
00:02:56,710 --> 00:02:58,540
force égal au sommet.

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

47
00:03:01,510 --> 00:03:03,970
Jamais, et cela contrôle simplement la façon dont il est disposé.

48
00:03:05,330 --> 00:03:07,620
Et dans cette vue de zone sûre.

49
00:03:08,850 --> 00:03:16,020
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

50
00:03:16,020 --> 00:03:17,400
défaut qui sont rendus.

51
00:03:17,450 --> 00:03:18,780
Et cela devrait toujours être le cas.

52
00:03:19,200 --> 00:03:24,850
Et pour qu'ils soient correctement configurés, vous devez passer des accessoires, qui sont finalement passés et par navigation de réaction

53
00:03:24,850 --> 00:03:28,410
et qui détiennent tous vos contacts de dessin et ainsi de suite.

54
00:03:29,040 --> 00:03:31,680
Et maintenant, vous pouvez ajouter votre propre élément de tirage supplémentaire ici.

55
00:03:32,130 --> 00:03:37,510
Et il y aura ce bouton, le bouton natif de réaction par défaut où je dis déconnexion.

56
00:03:38,510 --> 00:03:45,580
Où je veux ajouter une couleur, disons, de couleurs, de points primaires et d'usure à la presse.

57
00:03:45,640 --> 00:03:48,100
Je veux maintenant envoyer cette action de déconnexion.

58
00:03:49,640 --> 00:03:51,440
Et maintenant, nous aurons un énorme problème ici.

59
00:03:52,220 --> 00:03:54,160
Comment pouvons-nous nous expédier d'ici?

60
00:03:54,400 --> 00:03:56,870
Maintenant, tout d'abord, si vous enregistrez ceci, vous devriez le voir.

61
00:03:56,900 --> 00:04:00,050
Alors ici, si vous développez le tirage, voici le bouton de déconnexion.

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

63
00:04:00,380 --> 00:04:01,220
Donc ça marche.

64
00:04:01,460 --> 00:04:04,250
Et, bien sûr, vous pouvez styliser et vous positionner comme vous voulez.

65
00:04:06,680 --> 00:04:08,400
Et au fait, vérifiez simplement.

66
00:04:08,420 --> 00:04:11,540
Nous pouvons également le voir sur Android si nous nous y connectons.

67
00:04:16,210 --> 00:04:18,580
Ici, dans le tiroir, nous le faisons tous après la déconnexion.

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

69
00:04:22,280 --> 00:04:25,840
Au fait, nous pourrions vouloir ajouter un peu plus de rembourrage sur le dessus.

70
00:04:27,800 --> 00:04:29,590
Mais comment pouvons-nous tout expédier?

71
00:04:29,750 --> 00:04:32,120
Et je vais ajouter un rembourrage supplémentaire ici.

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

73
00:04:38,300 --> 00:04:43,520
Parce que ma vue de zone de sécurité fonctionne, mais elle laisse à peine plus d'espacement que ce dont j'ai besoin.

74
00:04:43,790 --> 00:04:48,110
Donc, pour avoir un espacement supplémentaire, un peu de rembourrage ne peut pas faire de mal.

75
00:04:50,880 --> 00:04:51,750
Je pense que c'est mieux.

76
00:04:52,260 --> 00:04:56,010
Mais encore une fois, comment pouvons-nous maintenant nous assurer que nous pouvons envoyer une action ici?

77
00:04:57,360 --> 00:04:59,210
Eh bien, c'est un composant React, non?

78
00:04:59,880 --> 00:05:03,570
Donc, au final, nous pouvons simplement utiliser l'expédition ici.

79
00:05:05,770 --> 00:05:07,060
Nous pouvons donc importer.

80
00:05:09,150 --> 00:05:10,530
Utilisez l'expédition ici.

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

82
00:05:13,240 --> 00:05:19,210
Donc, ce que nous avons fait avant et utilisé ici, car vous pouvez utiliser ce crochet sur n'importe quel composant et ce

83
00:05:19,210 --> 00:05:20,260
n'est qu'un composant.

84
00:05:22,250 --> 00:05:24,540
Donc, chaque année avant notre retour est X.

85
00:05:24,830 --> 00:05:30,920
Je peux accéder à ma fonction de répartition avec use dispatch et pour l'instant ici lorsque nous appuyons

86
00:05:30,920 --> 00:05:36,020
sur ce bouton, nous pouvons appeler dispatch et répartir notre action off pour papa.

87
00:05:36,050 --> 00:05:38,090
Bien sûr, il vous suffit de vous assurer que vous l'importez.

88
00:05:38,810 --> 00:05:49,330
Donc, importez tout à partir des actions du dossier de stockage, le dossier d'actions fait tout le fichier et utilise maintenant toutes les actions

89
00:05:49,330 --> 00:05:52,400
pour créer une action morte ici.

90
00:05:52,430 --> 00:05:53,410
Toute l'action stockée.

91
00:05:53,420 --> 00:05:54,200
Se déconnecter.

92
00:05:54,560 --> 00:05:55,780
Déconnectez-vous comme ceci.

93
00:05:57,230 --> 00:05:59,160
Et cela devrait être envoyé à l'action de déconnexion.

94
00:05:59,700 --> 00:06:05,860
En plus de cela, je veux également m'éloigner afin que nous puissions naviguer tous les points de navigation des accessoires appelés.

95
00:06:06,240 --> 00:06:10,440
Celui-ci sera disponible ici et reviendra à l'écran éteint ici.

96
00:06:11,190 --> 00:06:14,580
Donc, fondamentalement, sur cet écran hors ligne ici et le navigateur de commutation.

97
00:06:14,900 --> 00:06:17,050
Notre tirage fait partie du Shop Navigator.

98
00:06:17,250 --> 00:06:19,770
Nous pouvons donc également aller à l'écran hors de là.

99
00:06:21,540 --> 00:06:26,850
Maintenant, lorsque nous envoyons la déconnexion, je veux m'assurer que dans le réducteur, nous faisons également quelque chose.

100
00:06:27,240 --> 00:06:30,660
Nous avons ici notre créateur d'action de déconnexion.

101
00:06:30,930 --> 00:06:35,720
Donc, dans le réducteur et vous avez proposé à l'utilisateur de vouloir un nouveau boîtier pour se déconnecter.

102
00:06:35,750 --> 00:06:39,060
Et pour papa, vous devez vous assurer que vous importez l'identifiant de déconnexion.

103
00:06:39,900 --> 00:06:41,380
Et bien sûr, ici c'est très simple.

104
00:06:41,400 --> 00:06:46,440
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é.

105
00:06:48,300 --> 00:06:49,510
Et maintenant, essayons.

106
00:06:49,540 --> 00:06:56,050
Si je reviens ici et que je clique maintenant sur Déconnexion, je suis de retour sur l'écran éteint, donc ça marche.

107
00:06:56,350 --> 00:06:58,180
Essayons également sur Android.

108
00:07:01,330 --> 00:07:03,790
Cliquez sur Déconnexion ici, nous sommes de retour.

109
00:07:04,480 --> 00:07:05,470
Donc ça marche.

110
00:07:06,250 --> 00:07:07,930
Nous y sommes presque arrivés avec ça.

111
00:07:08,650 --> 00:07:15,640
Mais nous devons également être verrouillés automatiquement si le jeton a expiré car il a une date d'expiration.

112
00:07:15,820 --> 00:07:18,250
Et pour l'instant, nous n'avons pas d'expiration automatique.